发新话题
打印

样 式 表 全 接 触(8)

样 式 表 全 接 触(8)


9、Shadow 滤镜   
- t2 a6 {' c4 e3 P6 \
( M7 F4 L+ v; u  W+ C. T5 D3 B( M  语法:{filter:shadow(color=属性值1,direction=属性值2);}   
- E! ^" T  c7 ^/ K# R4 J# B. n4 I
& Z' w" P) Y  o# q+ S  作用:该滤镜能够使对象产生一种阴影效果,其具体效果是由小括号中的各属性名及其对应的属性值来产生的。   $ v. E7 H5 j, N" S- h1 M4 f

- ]/ a, c4 H  e0 z* f4 @  参数:color属性是用来设置阴影的颜色。   
, U7 E8 F$ j  t, _" u0 {7 |
: m, h* M9 k1 }' X  direction属性是用来设置投影的方向,取值范围为0度到360度,其中0度代表垂直向上,然后每45度为一个单位,该属性的默认值是向左的270度。   
4 v& I6 F, ~" w1 K/ E+ `0 L* G
1 h. y# Q% w' t$ Z  实例:   7 Y% Y$ h( W8 z1 F9 y$ t( G) b3 C8 x
' @. F- Y/ O$ z5 g# B( x( d
html   
. m0 `* E! T) |& ^- V* ^  d0 S& v: X
head   
- \% y8 _' C1 G7 |' G! y
0 f0 L* ]5 h% U. q. _! Ymeta http-equiv="Content-Type" content="text/html; charset=gb2312"   
/ ?" C' A3 }4 p' y, F
+ H+ o4 x2 c+ Z+ ?1 Dmeta name="GENERATOR" content="Microsoft FrontPage 4.0"   
0 E( R, y6 q" K4 c6 u3 k, R, c+ n5 K, {6 v
meta name="ProgId" content="FrontPage.Editor.Document"   9 t, l5 W2 v( A. ~2 e" u4 k1 N. e
% O, ^: W0 f; P; n3 v' i
title样式表滤镜实例/title   
' @3 L) n. a  r3 X0 o
& U2 d5 o- n& ~8 z3 q/ S% Nstyle   
6 {4 C* \7 b) S1 }0 y% ~8 `  b& g) h5 c" p
!--   
: P* B  n( w& F/ h* R% q" w9 e  d& c; G* X, i+ t0 P- [
p { color: #FF0000; font-size: 36pt; text-decoration: blink; font-weight: bold }   ; h* X2 A; ~9 }2 n! ^- b( O
& I* w# Q9 U$ q
p {filter:shadow(color=#00ff00,direction=2);}   5 T; `: k# o9 Y+ o
' s2 Y4 x9 |) O8 u7 `& I
--   3 q/ C+ W- K' d, F. u# ]. \6 n& U

$ U, e% p% R/ v7 T. M/style   
0 w+ l' k* Y6 p  I( p! }5 ~/ ?3 M+ H6 s# e; ^* P
/head   
' S+ v2 `9 Z6 F8 ^; G9 |" i
% c/ @) x. U9 J& \body     u; p" z# T8 O) T
7 f- E4 {7 ~6 R* v; F( h
p样式表滤镜实例/p   - w* S$ U; Z0 O! S$ s, S3 |
3 i# Z: s! Y, O) n
/body   
9 `4 U0 l8 F( \5 m; U# h5 F) u
* y! z* o+ }( C# r6 N/html   # }2 Y# j5 u: `
3 a, ]! v; J5 f( L+ V- c# V1 G
10、Mask 滤镜   
* p) v( R6 U( N0 j" t6 R( h- `2 i! t, Z* O3 K$ k4 I
  语法:{filter:mask(color=属性值);}   1 e0 K! C2 ]6 k& |1 J& \( `2 G

. B0 c6 I; h+ ^- @0 j* }5 |9 P  作用:该滤镜能够利用一个HTML对象在另一个对象上产生图像的遮罩 ,可以为对象建立一个覆盖于表面的膜,其效果就象戴者有色眼镜看物体一样,一般适用于图象对象。   
/ |1 L* L, Z# M! _: d2 \  y" Y/ \9 L; N
  参数:color属性就是用来指定要被遮罩的颜色。   
* x/ A5 r7 i! ?( `7 z: K6 U3 O! Q4 w, s; \5 M  l
11、 Light 滤镜   8 u% e" P% c" A+ j. S, h. i
- y- N) P# h, J+ O& [2 x% p
  语法:{Filter:light}   ' i) }3 {6 j0 H3 a& P0 b+ c& a4 l1 g
7 N5 h; E' V( l3 L
  作用:该滤镜能够使HTML对象产生一种模拟光源的投射效果。一旦为对象定义了light滤镜属性,那么就可以调用它的方法来设置或者改变属性。light可用的方法有:   $ V/ M  N8 B% j
+ v1 y' f; f- Z# [+ h( r" `
MoveLight 移动光源   
" a: ?' z+ R+ u
3 [  o7 p! z! D* f9 J, I7 yChangcolor 改变光的颜色   2 [1 u& j4 _  \! G  G

% M8 L& n, l' k$ QAddAmbient 加入包围的光源   % z3 W' [7 x0 {
% _# N" g, M' V4 _  b& Z
AddPoint 加入点光源   
/ W# s4 _$ h8 _1 `' x
7 N! y6 q% y4 X3 o# y' j4 @Clear 清除所有的光源   % x# u& s* v+ W8 k8 p4 D0 A

$ b  z, h9 L$ \, MAddCone 加入锥形光源   : b! U* y0 ^$ R( _1 @8 |
' M. X+ c) w- H$ d, V
Changstrength 改变光源的强度   
4 e9 {/ D( a. x4 `8 p  u. i2 U$ q7 i" I  v- k
可以定义光源的虚拟位置,以及通过调整X轴和Y轴的数值来控制光源焦点的位置,还可以调整光源的形式(点光源或者锥形光源)指定光源是否模糊边界、光源的颜色、亮度等属性。如果动态的设置光源,可能回产生一些意想不到的效果。   ) a% J: y) H; c8 A  b# j
/ v. r7 Y6 _0 n5 B0 N/ |. @2 C
  参数:该滤镜没有参数。   
4 G. m0 E* G. r! U3 X2 J
6 C: F9 Y0 h( E12、Gray 滤镜   1 T6 ?7 b( L4 J0 Z+ J9 P) j

0 Q0 y, a* V) z) C5 W. q  语法:{filter:gray}   
" \8 o( p: L2 i! e1 d- ^
# Q) R% H$ t! \( G  作用:该滤镜能够使一张彩色的图片转变为灰色调图象,一般适用于图象对象。   * H" E1 ^0 i& R9 U% P

- |: _3 x* H" j+ e* N+ i2 d  参数:该滤镜没有附带参数。   
* T& B1 G0 R* r0 Y, k3 Z) A* U" b5 X0 P$ g* V) z
13、Invert 滤镜    ) \& \5 g% V' m; Y: q  H1 m. G, K
* q: d, e* _) J/ @9 M
  语法:{filter:invert}   
- Q, v. |) x# [' t9 E- W% @. @+ |7 O
/ |0 @' n3 i7 F3 `" m. S  作用:该滤镜能够使图象产生照片底片的效果,一般适用于图象对象。   
$ D# A7 I5 k* X$ @2 Q- G
0 V, Q% t4 N+ l5 Q6 e$ K, K) z" R  参数:该滤镜没有参数。   . q: v5 H6 B& W) f
7 X2 a! X  X* A3 X! ^, Z. M
14、Xray 滤镜    / P% Y5 y" i) R4 e, O: @1 V
+ \; R! H9 x, \9 L! [* t) w$ _
  语法:{filter:xray}    % X5 [- U& x+ B0 g  a/ Z
. ~1 `  g; t# P2 e, }. l
  作用:该滤镜能够让对象反映出它的轮廓并把这些轮廓加亮显示,一般适用于图象对象。   7 O) ^7 K& ]5 t% I" J2 D

3 y$ K: }5 T5 ~) s  参数:该滤镜没有参数。



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

TOP

发新话题