css滤镜属性及一般用法

来源:互联网 发布:lesgirl软件收费 编辑:程序博客网 时间:2024/05/18 03:40

以前整理的一篇文章,虽然说标准不支持滤镜,但感觉有时候还是会用到它的,今天又把它给提出来了,方便有需要的时候可以查询一下

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,)}
原创粉丝点击