天极网---软件频道

CSS 滤镜——DropShadow 滤镜

2001-11-21· ·shiny整理··天极设计在线

　　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＞


	■ 相关内容

	CSS 滤镜——Alpha 滤镜　 CSS 滤镜——Blur 滤镜　 CSS 滤镜—— FlipH, FlipV 滤镜　 CSS 滤镜——Glow 滤镜　 CSS 滤镜——Mask,Light滤镜　 CSS 滤镜——Gray,Invert,Xray滤镜　 CSS 滤镜——Shadow滤镜　 CSS 滤镜——Wave 滤镜