您的位置:首页 > 其它

滤镜属性

2015-08-04 11:45 155 查看
一、alpha 不透明度

filter:alpha(opacity=opcity,finishopacity=finishopacity,style=style,startX=startX,startY=startY,
finishX=finishX,finishY=finishY)

  Opacity代表透明度等级,可选值从0到100,0代表完全透明,100代表完全不透明。
Style参数指定了透明区域的形状特征。其中0代表统一形状;1代表线形;2代表放射状;3代表长方形。
  Finishopacity是一个可选项,用来设置结束时的透明度,从而达到一种渐变效果,它的值也是从0到100。
StartX和StartY代表渐变透明效果的开始坐标。
finishX和finishY代表渐变透明效果的结束坐标。
注:IE4-IE9都支持滤镜写法progid:DXImageTransform.Microsoft.Alpha(Opacity=xx).
二、blur 动态模糊

  filter:blur(add=add,direction,strength=strength)

  Add参数有两个参数值:true和false。意思是指定图片是否被改变成模糊效果。  

  Direction参数用来设置模糊的方向。模糊效果是按照顺时针方向进行的。其中0度代表垂直向上,每45度一个单

位,默认值是向左的270度。角度方向的对应关系见下表:



  Strength参数值只能使用整数来指定,它代表有多少像素的宽度将受到模糊影响。默认值是5像素。

三、chroma 对颜色进行透明处理

filter:chroma(color=颜色代码或颜色关键字)

将图片中的某种颜色转换为透明色,产生透明效果

四、dropShadow 阴影效果

Filter:DropShadow(Color=color,Offx=Offx,Offy=offy,Positive=positive)

Color代表投射阴影的颜色。
Offx和offy分别X方向和Y方向阴影的偏移量。偏移量必须用整数值来设置。如果设置为正整数,代表X轴的右方向和Y轴的向下方向。设置为负整数则相反。
Positive参数有两个值:True为任何非透明像素建立可见的投影,False为透明的像素部分建立可见的投影。
五、flipH、flipV 对象翻转
filter:flipH 沿水平方向翻转对象
filter:flipV 沿垂直方向翻转对象
六、glow 发光效果
filter:glow(color=颜色代码,strength=强度值)
color用于设置发光的颜色
strength用于设置发光的强度,取值范围为1~255,默认值为5
七、gray 灰度处理
filter:gray 使图片为黑白图片(注:filter:grayscale为谷歌、火狐浏览器使用的属性)
八、invert 反相
filter:invert 将图片的颜色、饱和度以及亮度完全反转过来
九、xray X光片效果
filter:xray 制作X光片的效果
十、遮罩效果
filter:mask(color=颜色代码)
用于为对象产生遮罩效果,可以做出像印章一样的效果,color设置外围遮盖的颜色
十一、wave 波形滤镜

filter:wave(add=true,freq=1,lightstrength=3,phase=0,strength=5)

Add:一般为1,或0,用于设置是否要把对象按照波形样式打乱。

Freq:变形值,用于设置图片上的波浪数目。

LightStrength:变形百分比,用于设置波浪的光照强度,取值范围为0~100。

Phase:角度变形百分比,用于设置波浪的起始位置。

Strength:用于设置波浪的强度大小
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: