///pc/img/blank.gif" width="12" height="8">当前位置:///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> CSS教程

CSS教程 ///pc/img/title_00.gif" width="13" height="20">  

  CSS快速入门
  怎样编写CSS
  CSS属性
  CSS定位
  CSS滤镜
   1.概述
   2.Alpha属性
   3.Blur属性
   4.Chroma属性
   5.Dropshadow属性
   6.Fliph、Fliv属性
   7.Gray属性
   8.Glow属性
   9.Invert属性
   10.Mask属性
   11.Shadow属性
   12.Wave属性
   13.Xray属性  

/pc/bin/msg.pl?file_id=k_css target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

///pc/img/blank.gif" width="1" height="1">

 


五、CSS滤镜

   


  9、Invert属性

  Invert属性可以把对象的可视化属性全部翻转,包括色彩、饱和度和亮度值。
  它的表达式也很简单:

  Filter:Invert

  我们再来看一下加上Invert属性前后的图片效果变化(如下图):

///pc/homepage/css/img/css044.jpg" target="_blank">///pc/homepage/css/img/css0441.gif" width="100" height="66" border="0" alt="原图">              ///pc/homepage/css/img/css045.jpg" target="_blank">///pc/homepage/css/img/css0451.gif" width="100" height="66" border="0" alt="invert属性效果图">

        原图                Invert属性效果图
      (点击可放大)              (点击可放大)

  我们看到Invert属性实际上达到的是一种“底片”的效果。
  自己拿别的图来试试吧。 本节介绍的是Invert属性,下一节将向您介绍Mask属性。  


上一节 下一节   

 

/pc/bin/msg.pl?file_id=k_css target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

 

网页制作 网页设计 网站建设 网站设计 网站制作 做网站 做网页