CSS滤镜属性(4)

4. DropShadow

　　语法: {filter:Dropshadow(Color=color,Offx=x,Offy=y,positive=positive)}

　　"DropShaow"顾名思义就是添加对象的阴影效果.其原理是建立一个偏移量,加上较深的颜色.
　　"Color"代表投射阴影的颜色,指定的方法可以使用"#RRGGBB"的形式.
　　"Offx"和"Offy"分别是X方向和Y方向阴影的偏移量.
　　"Positive"参数是一个布尔值,如果为"True",那么就为任何的非透明像素建立可见的投影.如果为"False",那么就为透明的像素部分建立可见的投影.

　　我们看下面的例子:

Dhtml 2000

　　看一下源代码:

　　<table width="100%" border="0" cellspacing="0" cellpadding="0" height="120">
　　<tr align="center">
　　<td width="50%" style="filter:dropshadow(color=#FF9933,offx=5,offy=5,positive=1);">
　　　　<img src="cloud.gif" width="200" height="100">
　　</td>
　　<td style="filter:dropshadow(color=#FFF0DD,offx=5,offy=5,positive=1);">
　　　　<font face="Verdana"><b><font size="5" color="#FF9933">Dhtml 2000</font></b></font>
　　</td>
　　</tr>
　　</table>

　　前面说过了CSS滤镜只能用在HTML控件元素上,而<P>不属于HTML控件元素,因此不能直接用<P>使文字产生效果.不过奇怪的是<IMG>属于HTML控件元素,同样也不能用DropShadow滤镜,只是奇怪.可能是因为图片无法产生自己的偏移量,如果你知道正确答案,记得要告诉我.

　　看看源代码,在对Offx和Offy做一下补充,这两个参数必须用整数来制定,如果为整数那么表示是向x轴的右方向,y轴的下方向,负数正好相反.另外,你可以试一下将positive=1改为positive=0来看一下效果.

上一页　返回目录　下一页