网页变灰色的实现

4月4日清明节,全国哀悼,大部分网站都变成了灰色,以表我们对烈士们的悼念。灰色效果是使用CSS实现的。

以“百度文库”为例,查看网页源码,可以找到以下CSS代码


<code>html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}/<code>

也可以搜索filter,在前面的方块中取消勾选


然后网页就变回了彩色


还可以使用脚本屏蔽CSS灰色滤镜


参考阅读:

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