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,
)}