一行样式就可以让网页变灰色

有时候需要网页都变色的需求，好奇怎么实现的，于是F12打开检查了下

// 就是这个属性了
filter: grayscale(100%);

去掉之后颜色变正常

好奇网上去冲浪一番，结果如下

[www.runoob.com/cssref/css3…]   

// CSS3 filter(滤镜) 属性
// 例子
img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
​
// 属性
saturate(%)
转换图像饱和度。值定义转换的比例。
值为0%则是完全不饱和，值为100%则图像无变化。其他值，则是效果的线性乘子。超过100%的值是允许的，则有更高的饱和度。 
若值未设置，值默认是1。

看到有些网站还在用 url() 这个属性

url()
URL函数接受一个XML文件，该文件设置了 一个SVG滤镜，且可以包含一个锚点来指定一个具体的滤镜元素。