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,
)}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值