解决或者设置网页变灰-CSS-filter属性-哀悼

网页变灰

网页恢复

CSS filter
filter CSS 属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像，背景和边框的渲染。

官方Demo

https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter

今天很多网站都变灰了，比如简书、B 站、爱奇艺、CSDN 、百度等等。
我们选择一个网站，比如 B 站吧，打开浏览器开发者工具。审查一下网页的源代码，我们可以发现在 html 的这个地方多了一个疑似的 class，叫做 gray（灰色）

代码实例

<!--放到<head></head>之间即可--><style type="text/css"> html{ filter: grayscale(100%); /* 标准写法 just for IE6-9 */ -webkit-filter: grayscale(100%); /* webkit 内核支持程度较好 */-moz-filter: grayscale(100%); /* 其他内核现在并不支持，为了将来兼容性书写 */-ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  /* Firefox 3.5+ */}
</style>

解决或者设置网页变灰-CSS-filter属性-哀悼相关推荐

技术大揭秘：百度、淘宝、QQ那些官网如何就只用一行代码实现网页变灰效果？...
转自进击的Coder,作者崔庆才今天是 2020 年 4 月 4 日,星期六,清明节. 我们的国家经历了非常惨痛的时刻,很多英雄在救助他人的路上倒下,更有很多烈士英雄保卫人民的安危遇难,今天全国下降 ...
让整个网站网页变灰的方法
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念.那么今天就说说,通过几行简单的代 ...
网页变灰的方法，适用于IE
在哀悼日的时候如何让网页变灰? 1.适用于谷歌.火狐.360极速模式的代码 html{ filter: grayscale(100%); -webkit-filter: grayscale(100%) ...
网站变灰CSS，多浏览器兼容版本
网站变灰CSS,多浏览器兼容版本: <style> body *{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: g ...
CSS 使网页变灰(文字加动画)
如果需要使网站变灰,在网页上加层滤镜就可以了. 1 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } ...
如何用一行代码实现网页变灰效果？
今天是 2020 年 4 月 4 日,星期六,清明节. 我们的国家经历了非常惨痛的时刻,很多英雄在救助他人的路上倒下,更有很多烈士英雄保卫人民的安危遇难,今天全国下降半旗,北京时间 10 点全国默哀三 ...
4.4疫情哀悼日当天,主流网站的网页变灰是怎样实现的
感谢作者分享-http://bjbsair.com/2020-04-07/tech-info/30462.html 4.4 是清明节,全国性哀悼活动举行,表达全国各族人民对抗击新冠肺炎疫情斗争牺牲列式 ...
使网页变灰的代码(包括FLASH等所有网页元素).
使网页所有元素变灰的代码:把下面的代码加入网站的CSS文件中第一种方法: html{ filter:progid:DXImageTransform.Microsoft.BasicImage(gray ...
看看大佬是如何用一行代码实现网页变灰的效果的
4月4日清明节,全国人民一起哀悼新冠肺炎牺牲烈士和逝世同胞. 清明时节雨纷纷,逝去的同胞,英雄一路走好. 网站变灰昨天我们看到很多网站主页和内容都变成了灰色,包括按钮,图片,是如何做到的呢? 实现方 ...

解决或者设置网页变灰-CSS-filter属性-哀悼

解决或者设置网页变灰-CSS-filter属性-哀悼相关推荐

最新文章

热门文章