日照市东港区创新电子技术中心
ndfweb.cn

Filter:shadow应用实例


2009-04-11 10:24:19 (6772)


该滤镜作用与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俱乐部
  国际域名注册
  建站咨询
合作伙伴:万网 | 新网 | 新网互联 NDF网站建设淘宝店 | 实用工具 | 外貿網站建設 | 联系我们
鲁公网安备 37110202000336号 Sitemap - RSSRSS订阅