首先说明一下，为什么会有这个让网站变灰色的热度，也就是2020年4月4日，国务院决定在这一天为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，举行全国性哀悼活动，作为互联网人也为了表达对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，所以都把网站变成了灰色，下面我们来看看这个效果是怎么做的吧：

本代码原理适合所有网站，原理都差不多，喜欢的可以自己研究研究！

1.其实实现这个很简单，复制下面css样式到你网站css样式里即可，不过大家还是记一下自己加的位置，后面好改回来，下面看代码：

html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}

2.上面的方法就可以了，再分享另外一种方法，可以把下面的js代码放在头部文件也可以实现同样的效果

<style>
    html { -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
        }
</style>
1.使用本站下载的源码仅限于个人学习和非商业用途。
2.禁止将本站下载的源码用于搭建或支持任何违法、淫秽、暴力或侵犯他人合法权益的网站或应用。
3.使用本站下载的源码需遵守国家法律法规及相关规定，不得从事任何违法活动。
4.如若本站内容侵犯了原著者的合法权益，请联系我们进行处理。