这几天大家可以看到很多网站包括主页和内容也都已经变成了灰色，比如CSDN、百度、B 站、爱奇艺、阿里云，腾讯云等众多网站。那么他们是如何实现的呢？

其实，实现起来很简单，只需要在通用样式文件中加入以下css代码即可实现。 

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

 加入css代码之后的网站效果。网站预览地址：​​https://www.ewbang.com/​​

如何让网站一键变成全局灰色？_css