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