日期:2013-09-30  浏览次数:21091 次

具体的使用有两种方法:

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指定通明区域的外形