运用CSS滤镜的方法
日期：2013-09-30 浏览次数：21186 次
具体的使用有两种方法：
1、 先定义好CSS ，再在页面中需求的对象上使用事后定义好的CSS，实际上CSS的设置对话框里曾经事后将这些滤镜的语法设置好了，我们只需填上适合的具体参数即可：
2、直接在支持CSS滤镜效果的HTML控件元素上编写CSS filter代码。
a.Alpha 滤镜
"Alpha"属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的通明度。通过指定坐标，可以指定各种不同范围的通明度。
Alpha 滤镜语法 {FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,
style=style,startx=startx,
starty=starty,finishx=finishx,finishy=finishy)}
filter:filtername(parameters) 即 filter:滤镜名称（参数）
Alpha 设置不同的通明度变化效果 Blur 建立模糊效果 DropShadow 建立一种偏移的影象轮廓，即投射暗影 FlipH 水平翻转 FlipV 垂直翻转 Glow 为对象的边界添加色彩光效 Gray 将图片以灰度方式显示 Invert 将色彩、饱和度以及亮度值完全反转,类似底片效果 Light 在一个对象上进行灯光投影 Mask 为一个对象建立彩色通明遮罩 Shadow 为对象建立轮廓的影效果 Wave 在X轴和Y轴方向利用正弦波打乱图片 Xray 只显示对象的轮廓
参数含义分别如下：opacity 通明度。默认的范围是从0 到 100，他们其实是百分比的方式。也就是说，0代表完全通明，100代表完全不通明。 finishopacity 是一个可选参数，如果想要设置渐变的通明效果，就可以使用他们来指定结束时的通明度。范围也是0 到 100。 style 指定通明区域的外形
