在《全国哀悼日，请把你的网站变灰》一文中提到的两中将网站变灰的方法，其实就几个字——灰色滤镜。
什么是灰色滤镜？说到灰色滤镜，就要说说CSS无参数滤镜了，CSS的无参数滤镜共有六个：FlipH、FlipV、Invert、Xray、Gray和Light，虽然它们没有参数，相对来讲，灵活性要差点，但它们用起来更方便，效果也相当明显。
一、 Gray 滤镜（即灰色滤镜）
Gray 滤镜把一张图片转变为灰度图。根据常识，彩色的图片可能含有24位颜色，也可能是16位颜色。当用Gray 滤镜时，就可以降低图片的颜色信息，使其成为灰度图，我们平常讲的黑白图片，这给我们获取老照片，设计怀旧主题的网页提供了方便。其产生的效果如下图所示：
 | |
二、FlipH和FlipV滤镜
把这两个滤镜放在一起讲，主要是因为这两个滤镜的作用类似，用法相同。FlipH是一个水平翻转对象的滤镜，当把FlipH加载到一个对象上，该对象将产生一个水平镜象，以此来创造水平翻转的效果；FlipV是一个垂直翻转对象的滤镜，当把FlipH加载到一个对象上，该对象将产生一个垂直镜象，以此来创造垂直翻转的效果。下面来做几个实例看看其效果。
| 游魂 | 游魂 | 游魂 |
| 原文 | 水平翻转 | 垂直翻转 |
| | |
| 原图 | 水平翻转 | 垂直翻转 |
三、Invert滤镜
Invert滤镜可以把对象的可视化属性全部翻转，其中包括色彩、饱和度和亮度值，从而产生我们平时见到的“底片”或负片的效果。你可能因为要得到一张“负片”图象而束手无策吧？，有了Invert滤镜，就可以高忱无忧了，它可以得到任何图片的“负片”。其实，有时负片也可获得一种别具一格的风格。请看下面的效果：
| |
四、Xray 滤镜
正如这个名称所反映的一样，使用Xray滤镜可以使用权对象反映出它的轮廓并把这些轮廓加亮，就象“X光片”一样。请看下面的效果：
| |
五、Light 滤镜
Light滤镜能产生一个模拟光源的效果，但使用它要通过调用它的“方法（Method）”来实现，这就要用到一些Javascrpt知识，游魂基本上是什么也不会，所以Light滤镜的演示就不做了，就是想做游魂也也做不出啊
下边的不要看：feedsky验证码：a25a58ec
| 豫ICP备08002082号