DropShadow 滤镜
“DropShaow",顾名思义就是添加对象的阴影效果。其工作原理是建立一个偏移量,加上色彩。
DropShadow 滤镜语法
{filter:dropshadow
(color=color,offx=ofx,offy=offy,positive=positive)}
参数含义如下:
参数
说明
Color
代表投射阴影的颜色
offx
X方向阴影的偏移量
offy
Y方向阴影的偏移量
Positive
布尔值
如果为TRUE(非0),就为任何的非透明像素建立可见的投影
如果为FASLE(0),就为透明的像素部分建立透明效果
效果实现:
CSS滤镜实现
代码
效果拷屏
正常图片
图片效果
(这里我们把滤镜代码写在<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>