下面小编给大家分享一个网站全灰功能的实现方式，希望能到大家
工具/原料
HTML+CSS
方法/步骤
1
之前在w3c教程里面见过一个css滤镜效果，代码就是直接图片灰色的，我可以尝试改造成全网页灰色
2
上图可以，看到核心代码就是 filter: grayscale(100%);但是为了能够施印多浏览器，还得加入-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
3
然后我们可以运行一下官网案例，看看图片灰色的区别，下面代码放了两张图，原图和灰色效果图
4
上面我们把样式代码放在了图片里面，如果要实现全网站灰色，那么就把他放在html里面就行了，如图随便找一个网站，彩色的
6
回车之后，全网站都灰色了