首页 > 其他分享 >网站灰化

网站灰化

时间:2022-12-02 09:35:21浏览次数:60  
标签:灰化 网站 100% grayscale filter 添加

参考链接

网站都变成灰色了,它是怎么实现的?

实现步骤

  1. 添加样式
.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
  1. 给需要的节点添加class, 如html

标签:灰化,网站,100%,grayscale,filter,添加
From: https://www.cnblogs.com/mjs-mark/p/16943403.html

相关文章

  • 替代的Mac软件下载网站来了(可下载tyopra)
    tyopra下载下载地址说明自从用Mac这些年来,经常会去MacWK下载软件,不夹带私货,网站还没广告。在2022年10月5日晚上20点左右,macwk正式宣布关站,目前主要分析原因是因为新接......
  • 为了摸鱼,我开发了一个工具网站
    ......
  • 如何使网站网页变成灰色
    一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,如何快速使网站网页变成灰色(黑白色),以表示我们对逝者的悼念。​在网页的<head>标签内加入以......
  • 网站搭建过程
    1Linux建站1.1红帽LAMP建站基础环境[root@localhost/]#cat/etc/redhat-releaseRedHatEnterpriseLinuxServerrelease7.2(Maipo)[root@localhost/]#unam......
  • 遇到大事件、沉痛悼念时怎么把网站改成黑白
    在html标签增加一个style即可<htmlstyle="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%);">刚刚查了一下,发......
  • 将 Vue.js 项目部署至静态网站托管,并开启 Gzip 压缩
    摘要:关于使用Nginx开启静态网站Gzip压缩的教程已经有很多了,但是好像没几个讲怎么在对象存储的静态网站中开启Gzip压缩。其实也不复杂,我们一起来看下~本文分享自华为......
  • 将整个网站(包括子页)变为黑白色
    有两种方法,如下:1.将整个网页设为黑白色代码如下:<styletype="text/css">-webkit-filter:grayscale(100%);</style>2.将整个网页在一个时间设为黑白色代码如......
  • 网站SEO中302和301跳转不能用错
    301和302是最常见的HTTP重定向代码。301永久重定向301重定向是指示链接的目标已永久将URL更改为不同的URL。例如,当seoexample更名为example时,他们将URL从s......
  • 网站变黑白效果实现兼容ie浏览器
    ​实现的效果:​编辑 1.在公共样式添加:<styletype="text/css">body{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:......
  • 基于 Django 的个人网站(6)
    上回说到,我们给前端界面添加了样式,这回我就不配置其他数据库了,就用默认的SQLite,直接进行部署,在部署之前,我们现在服务器上安装相应的运行环境,我在这里使用Gunicorn+Nginx,进......