第七章 CSS 各种滤镜

小秋同学 10-24 08:14:05 学习园地
摘要: CSS的滤镜Filter 属性使用越来越广泛,今天介绍下Alpha 滤镜的使用、Blur 滤镜的使用、Filph、Filpv 滤镜、DropShadow 滤镜、Glow 滤镜、Gray ,Invert,Xray 滤镜、Shadow 滤镜。更多滤镜样式摘要: CSS的滤镜Filter 属性使用越来越广泛,今天介绍下Alpha 滤镜的使用、Blur 滤镜的使用、Filph、Filpv 滤镜、DropShadow 滤镜、Glow 滤镜、Gray ,Invert,Xray 滤镜、Shadow 滤镜。更多滤镜样式

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.qiuhai.com/study/800.html发布于 10-24 08:14:05
文章转载或复制请以超链接形式并注明出处学习吧_一个不错的学习网站
本站文章如没有特殊说明,均采集网上收集,若要转载请务必注明出处,尊重他人劳动成果共创和谐网络环境。 声明:某些文章来源于网络,所采集的到信息本站只为传递信息和分享,不做任何双方证明,也不承担任何法律责任。 文章内容若侵犯你的权益,请联系本站客服删除!

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享
加入收藏

发表评论
加载中~