CSS 滤镜——DropShadow 滤镜

ZDNet软件频道 时间:2008-09-19 作者: | 天极网 我要评论()
本文关键词:DropShadow 滤镜 CSS 滤镜 软件
 “DropShaow",顾名思义就是添加对象的阴影效果。其工作原理是建立一个偏移量,加上色彩。
 DropShadow 滤镜

  “DropShaow",顾名思义就是添加对象的阴影效果。其工作原理是建立一个偏移量,加上色彩。


  参数含义如下:

参数
说明
Color 代表投射阴影的颜色
offx X方向阴影的偏移量
offy Y方向阴影的偏移量
Positive 布尔值
如果为TRUE(非0),就为任何的非透明像素建立可见的投影
如果为FASLE(0),就为透明的像素部分建立透明效果

  效果实现:

CSS滤镜实现
代码
效果拷屏
正常图片
dropshadow(color=gray,offx=5,offy=5.positive=0) 效果 图片效果
(这里我们把滤镜代码写在<td>里)
<td style=filter:dropshadow
(color=gray,
offx=5,offy=5.positive=0)

<img src="pic1.jpg"
width="180" height="120"></td>
欢迎光临天极设计在线 文字效果
<td style=filter:dropshadow
(color=gray,
offx=2,offy=2.positive=0)

<b><font size="+1">
欢迎光临天极设计在线
</font></b></td>

百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134