CSS滤镜-Invert属性

　　Gray属性把一张图片变成灰度图。它的表达式很简单：

　　Filter：Gray

　　其实这个属性没什么好讲的，只需在您定义的IMG样式中加入一句代码：

　　{Filter：Gray}就一切OK了。
　　下面两幅图分别代表未加Gray属性和添加了Gray属性的效果：

这是原图，点击可放大

转成gray属性后的效果图

　　本节讲述的内容比较简单，下一节将向您介绍Invert转化属性。

9、Invert属性

　　Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值。
　　它的表达式也很简单：

　　Filter：Invert

　　我们再来看一下加上Invert属性前后的图片效果变化（如下图）：

　　　　　　　　原图　　　　　　　　　　　　　　　 Invert属性效果图
　　　　　　（点击可放大） 　　　　　　　　　　　　　（点击可放大）

　　我们看到Invert属性实际上达到的是一种“底片”的效果。
　　自己拿别的图来试试吧。 本节介绍的是Invert属性，下一节将向您介绍Mask属性。