您的位置:寻梦网首页编程乐园CSS 初步CSS教程
CSS教程

CSS教程
  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属性  


五、CSS滤镜

   

13、Xray属性

Xray就是X射线的意思。
  Xray属性,顾名思义,这种属性产生的效果就是使对象看上去有一种X光片的感觉。 它的表达式很简单:

Filter:Xray

我们还是先来看一个页面(如下图):

原图

点击可放大

如果在上面的页面中加入Xray属性,也就是在<head>的<Style>中,增添下面这一句代码:

Filter:Xray

您再看这个页面就会是另一种效果了:(如下图)

xray效果图

点击可放大

看,是不是就像给它拍了一张X光片一样。


上一节