网站使得变灰的代码

首先，深切哀悼全国抗击新冠肺炎疫情斗争牺牲的烈士和逝世同胞。

在4月4日，全国多数网站响应国务院的号召，停止全国停止公共娱乐活动。将娱乐相关的网站内容暂时下架，并将网站主题变更为灰色。在那天，我们见到了许许多多主流网站，例如腾通视频网，哔哩哔哩弹幕网等等主题都变成庄严的灰黑色。那么，网站是怎么将整个网页跟改成灰色的，而且影响其展示的所有内容的呢。下面将会说出解答。

其实也很简单，只要设置网页整体设置css滤镜属性filter即可。下列为简单示例

修改所有元素的颜色为黑白 (100% 灰度):
html{
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

简单粗暴的设置就是在html或者body元素上设置。以上就是网站变灰的原理。

显示效果，以bilibili弹幕网为例子(4月8号的截图)