滤镜属性

一、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:用于设置波浪的强度大小
    

  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值