百科学堂 | 实用工具

Filter:shadow应用实例



该滤镜作用与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
NDF网站建设淘宝店 | 联系我们
©2007-2025 NDF Corporation