css代码让全站变灰

最新推荐文章于 2023-01-29 09:33:31 发布
原创 最新推荐文章于 2023-01-29 09:33:31 发布 · 504 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 

html { 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
    }

 

一段css让全站变灰
知识点沉淀包括不限于前端
04-04 2739
代码背景： 为深切哀悼在抗击新冠肺炎斗争中的牺牲烈士和逝世同胞，大多数网站自发全站变灰 愿逝者安息，愿生者奋发，愿祖国昌盛。 解决思路 1、了解其他网站的实现方法 2、开始从优快云，爱奇艺，王者荣耀官网了解并总结一套最全的兼容样式。 3、采样截图 优快云： 爱奇艺： 腾讯王者荣耀官网 总结：一段CSS代码全站变灰or个别变灰 全站变灰 将下面的一段浏览...
Apache下设置整站变灰方法
weixin_34187822的博客
12-21 137
本文转载自http://www.sapub.net/Apache，感谢作者分享！ Web服务器下设置变灰的方法比较简单，总结如下： 1、安装mod_ext_filter模块(此模块用来在所有的输出页面插入你想要的内容，比如css，广告头之类) 这里假设apache已经在运行，因此不需要重新编译apache，只新增mod_ext_filer模块。 cd httpd-2.2.15/mod...
整个网页变黑白的CSS代码
BlueKitty的博客
11-14 1万+
1 . 网页黑白代码内部样式 , 写入html标签 <html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);"> 2 . 网页黑白代码内部样式 , 写入head标签里面 <style type="text...
css全站变灰
舜岳的博客
04-04 740
css属性全网站变灰： filter: grayscale 使用可以调整元素的灰度值 html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%)...
干货：一段css让全站变灰
weixin_52362480的博客
11-12 504
想到以往默哀日访问网站时发现整站会变成全灰，即想到如果立即开始开发、设计图修改等工作也会消耗大量的时间与精力，那会不会有css可以直接处理所有的元素将他们变灰，随即想到了css3的filter（滤镜），并也证实了这一想法的可行性。 filter: grayscale 使用可以调整元素的灰度值 .gray-filter { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-fi
css总结（2） filter滤镜效果
weixin_43019637的博客
04-08 414
注：css3，不兼容ie { filter: blur(5px); filter: brightness(0.4); filter: contrast(200%); filter: drop-shadow(16px 16px 20px blue); filter: grayscale(50%); filter: hue-rotate(90deg); filter: invert(75%); fil...
【html5/css3】网站变灰是如何实现
Umbrella_Um的博客
06-29 555
网站灰了是怎么回事？ 一探究竟： 图片本身依然是彩色，但呈现是灰色，可判断为渲染导致的。通过审查元素，在当前元素上并没有发现特别的设置；于是一层层向上查找，最终在 html 上发现了 filter html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); /* filte
一行代码让网站整体变黑色
yzy85的专栏
04-05 1780
转载：https://mp.weixin.qq.com/s?__biz=MzAxOTcxNTIwNQ==&mid=2457918922&idx=1&sn=097bd80a667504dcad212a9c66e400e9 今天大家可以看到很多很多网站包括主页和内容也都已经变成了灰色，比如百度、B 站、爱奇艺、优快云 等等。 优快云 爱奇艺 百度 大...
如何用一段CSS代码让全站变灰
web前端开发
04-09 318
作者 | tiutiu链接 | https://juejin.im/post/5e86e221e51d4546ce27b99c为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世通报...
全国哀悼日网站变灰代码
rubyol
08-15 285
全国哀悼日网站变灰代码，使用css滤镜：   <style>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} </style>   加入到网站css文件中即可，如果没有使用css，可以插入到网页/模板的HTML代码<head>和</head>之间。...
网站都变成灰色, 几行代码就搞定了!
云满笔记
12-03 843
网站都变成灰色, 几行代码就搞定了!
最新ie图标变灰css,网站变灰的CSS代码（兼容火狐、Chrome、IE系浏览器）——w3cdream|前端学习-开发...
weixin_39845206的博客
08-04 1355
之前找了一些代码在火狐下无效，于是百度谷歌一起上，终于被我找到了支持火狐、谷歌等浏览器的把网页变黑白代码：/* 网站黑白代码 */html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: g...
CSS设置元素，图片，整站变灰效果
Noctis99的博客
01-29 2200
s
网站全站变灰（黑白色）Nginx配置，网站素装
码觉客的博客
08-28 1万+
网站素装配置，网站黑白配置，一般在清明节，全国哀悼日，大地震的日子，以及一些影响力很大的伟人逝世或纪念日的时候，身为站长的我们都会让自己的网站的全部网页变成灰色（黑白色），以表示我们对逝者的悼念。可是管理的网站又很多，可能一个域名下有多个项目，一个一个的修改又太麻烦了，这样就可用考虑从Nginx反向代理服务器下手，直接在Nginx中进行修改一劳永逸。
网站全站变灰
关注前端开发
04-22 655
直接加样式 html{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,<svg xm...
网站哀悼（全站变灰色）代码
热门推荐
iloli的专栏
04-20 1万+
１、在全站的CSS中写入下面二条中的一条： html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} body {filter: gray;} 最简单的把页面变成灰色的代码是在head 标签之间插入： html {FILTER: gray} ２、由于FLASH不受CSS控制，所以
整站变灰代码
两粒种子，一片森林
06-27 1503
以下为全站CSS代码。html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。如果网站没有使用CSS，可以在网页/模板的HTML代码和 之间插入：html
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值