CSS滤镜实现黑白、底片和X光效果

　　这一次我们利用CSS的另外几个无参数滤镜Gray滤镜、Invert滤镜和Xray滤镜分别来实现图片的黑白效果、底片效果和X光效果。

　　黑白效果

　　代码：

<script language="JavaScript1.1" src="http://ad.doubleclick.net/adj/minisite.sina.com.cn/tech;sz=1x1;num=28729036424615452?" type="text/javascript"> </script>

　　1、内部插入式

　　在〈head〉与〈/head〉之间插入：

　　〈style type = text/css〉

　　.baw{filter:Gray}

　　〈/style〉

　　然后在图片属性代码中加class="baw"。

　　注意：在〈head〉与〈/head〉之间插入代码中，baw前有一个“.”(不包括引号)，请一定不要漏掉了。

　　2、直接插入式

　　在图片属性代码中加入：

　　style=" filter: Gray"

　　效果如图1所示。

图1

　　特点：通过