css filter属性

这个 filter 属性是不是很神奇，我们来看看这个属性的特点：

// 网站变灰~
filter: grayscale(85%) saturate(80%);

filter 属性定义了元素(通常是)的可视效果(例如：模糊与饱和度)。

grayscale 将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0；

saturate 转换图像饱和度。值定义转换的比例。值为0%则是完全不饱和，值为100%则图像无变化。其他值，则是效果的线性乘子。超过100%的值是允许的，则有更高的饱和度。若值未设置，值默认是1。

filter 下还有更多属性可以去改变图片的效果，感兴趣的同学可以去搜一搜看~