网页变灰色的实现

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

閱讀更多 阿俊筆記666 的文章

關鍵字: 脚本语言 WebKit CSS