码迷,mamicode.com
首页 > Web开发 > 详细

CSS滤镜

时间:2016-07-30 15:00:52      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:

  • Filter属性介绍
  • Alpha滤镜的使用
  • Blur滤镜的使用
  • FilphFilpv滤镜
  • DropShadow滤镜
  • Glow 滤镜
  • Gray ,Invert,Xray 滤镜
  • Shadow滤镜

19.1 Filter属性介绍

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

19.2 Alpha滤镜的使用

属性                            说明
opacity           0-100           
对象的亮度
style            1,2,3           
滤镜的样式

例:Filter:alpha( opacity=100,style=3)

19.3 Blur滤镜的使用    

属性                          说明
add           true/false       
是否印象派
direction        0-360           
角度
strength       
数字            模糊度

19.4 FliphFlipv滤镜

属性                          说明
 
    

19.5 DropShadow滤镜

属性                          说明

color            颜色            阴影颜色
offx           
数字            x坐标偏移

offy            数字            y坐标偏移
positive          true/false       
是否建立透明

19.6 Glow 滤镜

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

19.7 Gray ,Invert,Xray 滤镜

属性                          说明
 

 

19.8 Shadow 滤镜

属性                         说明
color         
颜色            阴影颜色

direction        0-360          阴影方向

strength        数字            阴影厚度

CSS滤镜

标签:

原文地址:http://www.cnblogs.com/lifi/p/5720903.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!