CSS教程,DIV CSS视频教程,DIV CSS模板,DIV CSS布局入门教程 - CSS中国

CSS中国整理的一篇文章，虽然说现在标准不支持滤镜，但感觉有时候还是会用到它的，今天又把它给贡献出来了，希望对大家有点帮助。

Alpha:设置透明度：

{  
filter:alpha(  
    opacity=opacity,  
    finishopacity=finishopacity,  
    style=style,  
    startx=starx,  
    starty=starty,  
    finishx=finishx,  
    finishy=finishy,  
)}  

Blur:建立模糊效果：

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

FlipH:水平反转;FlipV:垂直反转：

{filter:fliph}  
{filter:flipv} 

Chroma:把指定的颜色设置为透明：

{filter:chroma(color=color)} 

DropShadow:建立一种偏移的映象轮廓,即投影效果：

{  
filter:dropshadow(  
    color:color,  
    offx=offx,  
    offy=offy,  
    position=position,  
)}  

Glow:为对象的外边界增加光效：

{  
filter:glow(  
    color=color,  
    strength=strength,  
         )}  

Gray:降低图片的彩色度;Invert:将色彩.饱和度以及亮度值完全反转建立底片效果;Xray:是让对象反映出它的轮廓并把这些轮廓加亮：

{filter:gray}  
{filter:invert}  
{filter:xray} 

Light:将一个对象进行灯光投影;可用方法：

.AddAmbient      加入包围的光源  
.AddCone         加入锥形光源  
.AddPoint        加入点光源  
.Changcolor      改变光的颜色  
.Changstrength   改变光源的强度  
.Clear           清除所有的光源  
.MoveLight       移动光源 

Shadow:建立一个对象的固体轮廓,即阴影效果：

{  
filter:shadow(  
    color=color,  
    direction=direction,  
 )} 

Wave:在X轴和Y轴方向利用正弦波纹打乱图片：

{ffilter:wave(  
    add=add,  
    freq=freq,  
    lightstrenght=strenght,  
    phase=phase,  
    strenght=strenght,  
)} 

来源CSS中国