发新话题
打印

CSS滤镜之Xray属性

CSS滤镜之Xray属性


Xray就是X射线的意思。1 v; B( C8 O  j/ c$ O% W
  Xray属性,顾名思义,这种属性产生的效果就是使对象看上去有一种X光片的感觉。 它的表达式很简单: 3 Q+ n  O5 r% N
, L; ~% [2 v2 n0 G' M* A# Z: s
  Filter:Xray     I* i' d* O, v
! A# M3 s+ _0 P5 `
  我们还是先来看一个页面(如下图):  9 a) h* @8 g; B# s3 n) V. p4 O

1 r  E& |1 H' A- }/ F5 l8 F  % l- G4 }% n% t) D4 c; N
5 R/ ~2 F, C9 _' @) a& W3 O
! K* r/ X: ~! F) B1 h
+ k9 B6 e4 n0 k! T, X3 X/ g' a% B
  , g' h8 h  U; ]! y. r) a" \
+ o: F, {# T; Z: A
  如果在上面的页面中加入Xray属性,也就是在head的Style中,增添下面这一句代码:  
& w! [8 {  j, M  G* ^- B% P# n: V0 F5 S. O
  Filter:Xray   
2 B$ Q" i' Y6 T! u
3 M( ]/ s1 S+ [/ v% x. f3 O  您再看这个页面就会是另一种效果了:(如下图)  
+ n7 m$ i! v; W4 M4 _2 Z: o: }# r3 w2 O6 R& K7 I# ~2 c6 a
  7 I$ I: d/ V2 ^* c" p# K
2 R1 ?  V0 V7 ~: E( p3 ?! y

0 }0 q% |# \$ q8 \" F( g
, S: e( Q  r$ i) R5 ?+ }/ \  , y# I2 U2 x: A. |! ?

7 O( |# D  _$ Z* r1 H5 J" P  看,是不是就像给它拍了一张X光片一样。



点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹

TOP

发新话题