[07/05][交流]CSS滤镜运用——DROPSHADOW（投影）滤镜

happy-yan · 发表于 2006-7-5 15:21:34

DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。看一看它的表达式：　　　　Filter：DropShadow（Color=color，Offx=Offx，Offy=offy，Positive=positive）　　该属性一共有四个参数： Color代表投射阴影的颜色。 Offx和offy分别X方向和Y方向阴影的偏移量。偏移量必须用整数值来设置。如果设置为正整数，代表X轴的右方向和Y轴的向下方向。设置为负整数则相反。　　Positive参数有两个值：True为任何非透明像素建立可见的投影，False为透明的像素部分建立可见的投影。　　和chroma属性一样，Dropshadow属性对图象的支持不好，我指的是JPEG、GIF格式的图象文件。　　不能支持的原因与Chroma一样，因为这种图象的颜色很丰富，很难找到一个投射阴影的位置。
看看效果吧：
效果图	代码
欢迎光临音画学堂！	<font style="font-size:30PT;font-family:隶书;color=red;filter:dropshadow(color=black,offx=5,offy=5,positive=true);width=100%;line-height:150%">欢迎光临音画学堂！</font>

rekoltsol · 发表于 2006-7-5 15:30:02

欢迎光临音画学堂！

月儿 · 发表于 2006-7-5 19:35:29

可惜啊 … 不適合用在圖片上 …

Kim_Kim · 发表于 2006-7-5 20:30:40

偶是来串门的，又学到东西咯！

绯舞 · 发表于 2006-7-5 21:23:15

学习中~~

doublefire · 发表于 2006-7-9 01:10:38

<font style="font-size:30PT;font-family:隶书;color=red;filter:dropshadow(color=black,offx=5,offy=5,positive=true);width=100%;line-height:150%">是真的吗？！</font>

复制代码

账号		自动登录	找回密码
密码			注册