学用CSS的滤镜功能
?牐犗旅婢腿梦颐抢纯纯从蒀SS滤镜制作的两个例子，感受一下它的神奇之处。
?牐犕?1（^37040703a^）中所示的效果是由CSS中的Blur滤镜（产生运动模糊效果）制作的，而图2（^37040703b^）效果则是用DropShadow滤镜（产生对象的投影）制作的。很酷吧！是不是很像使用Photoshop里的滤镜制作过一样。来看一下两个页面的源代码，CSS的滤镜功能是如何实现的：
#1?牐?1.Blur滤镜代码分析
?牐?<html>
?牐?<head>
?牐?<title>Blur滤镜效果</title>
?牐?<body>
?牐?<center>
?牐?<DIV style=“width:262; height:85; color:blue; filter:Blur（Direction=45，Strength=8）”>
?牐?<p align=“center”><font color=“#FF0000” size=“6”>Blur 滤镜效果 </font>
?牐?</DIV>
?牐燘lur 滤镜效果
?牐?</center>
?牐?</body>
?牐?</html>
?牐犠⒔猓?
?牐燘lur滤镜的基本格式为：Blur（Direction=value，Strength=value）
?牐燚irection参数：表示设定字体模糊的方向，0为上，45为右上，90为右，135为右下，180为下，225为左下，270为左，315为左下。
?牐燬trength参数：表示指定字体模糊图像模糊的范围，单位是像素（pixels）。
#1?牐?2.DropShadow滤镜代码分析
?牐?<html>
?牐?<head>
?牐?<title>DropShadow滤镜效果</title>
?牐?<body>
?牐?<center>
?牐?<DIVstyle=“width:262;height:85;color:blue; filter:DropShadow（Color=#00cc00，OffX=5，OffY=5，Positive=2）;”>
?牐?<p align=“center”><font color=“#800080” size=“6”>DropShadow 滤镜效果</font>
?牐?</DIV>
?牐燚ropShadow 滤镜效果
?牐?</center>
?牐?</body>
?牐?</html>
?牐犠⒔猓?
?牐燚ropShadow滤镜的基本格式为：DropShadow（Color=#Value，OffX=Value，OffY=Value，Positive=Value）
?牐燙olor参数：表示字体颜色/阴影颜色。
?牐燨ffX参数：表示指定阴影相对于元件对象在水平方向偏移量，取值为正数时阴影在对象的右方，取值为负数时阴影在对象的左方。
?牐燨ffY参数：表示指定阴影相对于元件对象在垂直方向偏移量，取值为正数时阴影在对象的上方，取值为负数时阴影在对象的下方。
?牐燩ositive参数：表示阴影的透明程度，当取值为0时，没有阴影，取值为>0时，显示阴影。
?牐犚残砜吹秸饫铮恍┡笥鸦崴担珻SS的滤镜功能可能只会对文字进行处理。其实，CSS的滤镜功能不仅能对文字进行处理，更能对图像进行处理，这样才能无损于滤镜的称号。下面，我们就看看使用Alpha滤镜（产生可控制的透明效果，效果如图3（^37040703c^））制作的页面。
#1?牐?3.Alpha滤镜代码分析
?牐?<html>
?牐?<head>
?牐?<title>Alpha滤镜效果</title>
?牐?<body>
?牐?<center>
?牐?<table>
?牐?<tr>
?牐?<td width=“40%” align=“center”>
?牐?<img src=“C:\My Documents\FCPGA-PIII.jpg”>
?牐?</td>
?牐?<td width=“40%” align=“center”>
?牐?<img src=“C:\My Documents\FCPGA-PIII.jpg”
?牐爏tyle=“filter:Alpha（Opacity=95，style=2）”>
?牐?</td>
?牐?</tr>
?牐?</table><br>
?牐燗lpha滤镜效果
?牐?</center>
?牐?</body>
?牐?</html>
?牐犠⒔猓?
?牐燗lpha滤镜的基本格式为：Alpha（Opacity=Value，Style=Value）
?牐燨pacity参数：表示说明透明的程度，0为完全透明，100为完全不透明。
?牐燬tyle参数：表示用来指定渐进的显示形状，0为没有渐进，1为直线渐进，2为圆形渐进，3为矩形渐进。
?牐犞链耍颐且丫虻ソ樯芰思父鯟SS滤镜功能的使用情况，在这里因为篇幅的关系就不再详细说明了。但CSS的滤镜功能是十分强大的，远非以上介绍的这几个，仅在页面中可以使用的滤镜就有Chroma（滤去指定颜色），FilpH（产生水平滤像），FilpV（产生垂直滤像），Glow（产生发光效果），Gray（将彩色对象变成灰度对象），Invert（反转对象的色彩，饱和度，亮度），Xray（X-射线效果），Wave（使对象产生扭曲）等，感兴趣的朋友不妨试一试，在网页制作的过程中不断尝试和总结，相信你一定会用好它的。