网站灰色显示如何实现

下面小编给大家分享一个网站全灰功能的实现方式，希望能到大家

东西/原料

1
之前在w3c教程里面见过一个css滤镜结果，代码就是直接图片灰色的，我可以测验考试革新当作全网页灰色
2
上图可以，看到焦点代码就是 filter: grayscale(100%);可是为了可以或许施印多浏览器，还得插手-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
3
然后我们可以运行一下官网案例，看看图片灰色的区别，下面代码放了两张图，原图和灰色结果图
4
上面我们把样式代码放在了图片里面，若是要实现全网站灰色，那么就把他放在html里面就行了，如图随便找一个网站，彩色的
5
F12,找到html节点，然后里面输入style="filter: grayscale(100%);"
6
回车之后，全网站都灰色了
END