• 登录
社交账号登录
扫描微信二维码 扫描微信公众号
精彩与您分享

第七章 CSS 各种滤镜

小秋同学 收藏 128 2020-10-24 08:14:05

CSS的滤镜Filter 属性使用越来越广泛,今天介绍下Alpha 滤镜的使用、Blur 滤镜的使用、Filph、Filpv 滤镜、DropShadow 滤镜、Glow 滤镜、Gray ,Invert,Xray 滤镜、Shadow 滤镜。更多滤镜样式请下载样式表滤镜中文手册chm
第七章 CSS 各种滤镜(图1)1、Filter 属性介绍

设置或检索对象所应用的滤镜或滤镜集合。此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的height 或width 属性,或者设定position 属性为absolute,或者设定display 属性为block。请参阅对象的hasLayout 属性。若要在img 对象上应用shadow 滤镜,可以在该对象img 对象的父容器上应用。滤镜的机制是可扩展的。通过利用Microsoft® DirectX® Media SDK,你可以使用C++开发和使用第三方滤镜。该属性在MAC 平台上不可用。对应的脚本特性为filter。

2、Alpha 滤镜的使用

属性说明
opacity0-100对象的亮度
style1,2,3滤镜的样式



3、Blur 滤镜的使用

属性说明
addtrue/false是否印象派
direction0-360角度
strength数字模糊度



4、Fliph、Flipv 滤镜

属性 值 说明


5、DropShadow 滤镜

属性说明
color颜色阴影颜色
offx数字x坐标偏移
offy数字y坐标偏移
positivetrue/false是否建立透明



6、Glow 滤镜

属性说明
color颜色发光颜色
strength数字发光厚度



7、Gray ,Invert,Xray 滤镜

属性 值 说明


8、Shadow 滤镜

属性说明
color颜色阴影颜色
direction0-360阴影方向


原贴: http://www.zb7.com//thread-6885-1-1.html

本站文章如没有特殊说明,均采集网上收集,若要转载请务必注明出处,尊重他人劳动成果共创和谐网络环境。 声明:某些文章来源于网络,所采集的到信息本站只为传递信息和分享,不做任何双方证明,也不承担任何法律责任。 文章内容若侵犯你的权益,请联系本站客服删除!

本文链接:https://www.yuanma.cc/article/SEO/800.html
分享给朋友: