样 式 表 全 接 触(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 参数:该滤镜没有参数。
点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹