CSS滤镜属性详解

  • 2012-09-26 10:52 |  | 查看：  | 

  • alpha属性用来设置透明度。
    Filter: alpha (opacity=opacity, finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY)
    opacity表示透明度等级（0~100）
    finishopacity用来设置结束明的透明度
    startX和startY表示渐变透明效果的开始坐标
    finishX和finishY表示渐变透明效果的开始坐标
    2.blur属性
    blur属性用来设置模糊效果。
    filter: blur(add=true、flase,direction,strength=strength)
    add指定图片是否变成模糊效果
    direction参数用来设置模糊的方向（0、45、90、135、180、225、270、315）
    strength代表有多少像素的宽度将受到模糊影响（默认是5）
    3.chroma属性
    chroma属性设置一个对象中指定的颜色为透明色。
    filter: chroma(color=color)
    4.dropshadow属性
    dropshadow属性用来添加对象的阴影效果。
    filter: dropShadow(Color=color,Offx=offx,Offy=offy,Positive=positive)
    Color表示投射阴影的颜色
    Offx、Offy分别表示在X方向和Y方向阴影的偏移量（整数表示，正数X轴的右方向和Y轴的向上方向）
    Positive：true表示为任何非透明像素建立可见的投影，false表示为透明的像素部分建立可见的投影
    5.flipH、flipV属性
    flipH表示水平翻转，flipV表示垂直翻转。
    filter: flipH
    filter: flipV
    6.glow属性
    glow属性让对象的边缘产生类似发光的效果。
    filter: glow(Color=color,Strength=strength)
    Color用来指定发光的颜色
    Strength用来指定发光的强度（1~225）
    7.gray属性
    gray属性把一张图变成灰度图。
    filter: gray
    8.invert属性
    invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度。
    filter: invert
    9.mask属性
    mask属性为对象建立一个覆盖于表面的蒙版效果。
    filter: mask(Color=颜色）
    10.shadow属性
    shadow属性可以在指定的方向建立物体的投影。
    filter: shadow(Color=color,Direction=direction)
    Color参数指定投影的颜色
    Direction参数指定投影的方向
    11.wave属性
    wave属性用来设置波纹效果。
    filter: wave(Add=True、False,Freq=频率，LightStrength=增强光效，Phase=偏移量, Strength=强度）
    Add参数有两个值：True表示使对象按照正弦波显示，False表示不按照正弦波显示
    Freq参数指生成波纹的频率，LightStrength参数用来使生成的波纹增强光的效果(0~100）
    Phase参数用来设置正弦波开始的偏移量（0~100，占波长的百分比）
    12.xray属性
    xray就是X射红的意思。
    filter: xrayCSS滤镜属性详解

分享到：