CSS滤镜属性(8)

8. Shadow

　　语法: {filter:shadow(Color=color,Direction=direction)}

　　利用"Shadow"属性可以在指定的方向建立物体的投影,Color是投影色,Direction是设置投影的方向.其中0度代表垂直向上,然后每45度为一个单位.它的默认值是向左的270度.

　　看下面的效果:

Dhtml 2000

　　源代码如下:

　　<table width="100%" border="0" cellspacing="0" cellpadding="0">
　　　<tr>
　　　　<td width="50%" align="center" style="filter:Shadow(Color=#FF9999,Direction=135)">
　　　　　<font face="Verdana"><b><font size="6" color="#FF0000">Dhtml 2000</font></b></font>
　　　　</td>
　　　　<td align="center" height="120" style="filter:Shadow(Color=#FF9999,Direction=135)">
　　　　　<img src="cloud.gif" width="200" height="100">
　　　　</td>
　　　</tr>
　　</table>

　　"Shadow"和"DropShadow"很相像,不过它们也有不同,"Shadow"是依靠指定的角度值可以在任意的角度投射阴影,这些阴影是对象原先部分的延伸,而"DropShadow"是依靠指定在x方向和y方向的偏移量来定义投影的,阴影其实是对象的移动.

上一页　返回目录　下一页