CSS 滤镜——DropShadow 滤镜

王朝html/css/js·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航