“网站变灰”的代码实现

网站变灰

为了表示哀悼，当天很多网站把主页和内容都变成了灰色，比如百度、B 站、爱奇艺、CSDN 等等。

CSDN&&爱奇艺&&百度等

实现:

html.gray {
-webkit-filter: grayscale(.95);
}

html {
-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);
}

这个样式名叫做 filter，搜下 MDN 的官方介绍，其链接为：
https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter

各个用法介绍大家可以参考官方的文档说明：
https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter