该滤镜作用与Dropshadow类似,也能使对象产生阴影效果,不同的是shadow可产生渐进效果,使阴影更显真实。其语法结构如下:
选择器{Filter:shadow(color=颜色值,Direction=数值)}
其中,Color用于设定阴影颜色;Direction用于设定投影方向,取值为0即零度(表示向上方向),45为右上,90为右,135为右下,180为下方,225为左下方,270为左方,315为左上方。
<html>
<head></head>
<body>
<h1 Style="filter:Shadow(color=#808080, direction=135);height=30" align="center">
<font face="楷体_GB2312" color="#0000FF">Shadow滤镜演示</font>
</h1>
<p align="center"><img Style="filter:Shadow(color=#808080, direction=135)"; src="82b45674271cea33.gif"> </p>
<center><FONT SIZE=+2>下图无滤镜</FONT><BR>
<img src="82b45674271cea33.gif"> </center>
</body>
</html>
了解更多请访问:http://www.ndfweb.cn/news-279.html