滤镜

19.1Filter属性介绍
格式:
filter:xxxxx(xxx=xx);如:filter:alpha(opacity=50);
filter:xxxxx(xxx=xx,xxx=xx);如:filter:alpha(opacity=50,style=2);

19.2Alpha滤镜的使用
属性:
opacity 0~100 对象的亮度
style 1.2.3 滤镜的样式

19.3Blur滤镜的使用
属性:
add true/false 是否印象派
direction 0~360 角度
strength 数字 模糊度

19.4Fliph、Flipv滤镜
属性:
fliph 无 垂直翻转
flipv 无 水平翻转
filter:fliph flipv(无);即可既垂直又水平翻转

19.5DropShadow滤镜
属性:
color 颜色 阴影颜色
offx 数字 x坐标偏移
offy 数字 y坐标偏移

19.6Glow滤镜
属性:
color 颜色 发光颜色
strength 数字 发光厚度

19.7Gray、Invert、Xray滤镜
属性:
gray 无 黑白
invert 无 反光
xray 无 x射线

19.8Shadow滤镜
属性:
color 颜色 阴影颜色
direction 0~360 阴影方向
strength 数字 阴影厚度

 


<!--filter:alpha(opacity=90,style=1);
<!--opacity:0.5;(l另版本的Alpha滤镜)-->
<!--filter:blur(strength=15,direction=275,add=false);(Blur滤镜)-->
<!--filter:fliph flipv();(Fliph、Flipv滤镜)-->
<!--filter:dropshadow(color=green,offx=5,offy=5);(DropShadow滤镜)-->
<!--filter:glow(color=red,strength=10);(Glow滤镜)-->
<!--filter:alpha(opacity=90,style=2);
opacity:0.5;-->

转载于:https://www.cnblogs.com/yjh1604600160/p/6016990.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值