CSS滤镜

静态滤镜的种类 

　　视觉效果的滤镜。在IE4.0以上版中，支持以下14种滤镜： 

滤镜名           说明 
Alpha             让HTML元件呈现出透明的渐进效果 
Blur              让HTML元件产生风吹模糊的效果 
Chroma            让图像中的某一颜色变成透明色 
DropShadow        让HTML元件有一个下落式的阴影 
FlipH             让HTML元件水平翻转 
FlipV             让HTML元件垂直翻转 
Glow              在元件的周围产生光晕而模糊的效果 
Gray              把一个彩色的图片变成黑白色 
Invert            产生图片的照片底片的效果 
Light             在HTML元件上放置一个光影 
Mask              利用另一个HTML元件在另一个元件上产生图像的遮罩 
Shadow            产生一个比较立体的阴影 
Wave              让HTML元件产生水平或是垂直方向上的波浪变形 
XRay              产生HTML元件的轮廓，就像是照X光一样 
　　这些滤镜就像是PhotoShop这一类图像处理软件所提供的特效一样，有了这些特效，你就可以直接在HTML中对图片进行特效处理了，而不用再用专门的图片处理软件编辑图片了。一般而言，用得最多的是图片和文字。那么，就让我们来看看各个滤镜中有些什么样的参数和效果。 

 

Alpha 滤镜 

参数名                       说明                          取值说明 

Opacity                不透明的程度，百分比。          从0到100，0表是完全透明   100表示完全不透明。 
FinishOpacity       这是一个同Opacity一起使         从0到100，0表是完全透 
                              用的选择性的参数，               100表示完全不透明。 
                              当同时Opacity和 
                                FinishOpacity时 
                              ，可以制作出透明渐进的效果 
                          ，比较酷。 

Style 

当同时设定了Opacity和finishOpacity产生透明渐进时，它主要是用赤指定渐进的显示形状。 0：没有渐进；1：直线渐进； 
2：圆形渐进；3：矩形辐射。 
StartX 

渐进开始的 X 坐标值
StartY 

渐进开始的 Y 坐标值
FinishX 

渐进结束的 X 坐标值
FinishY 

渐进结束的 Y 坐标值