首页 | 短信 | 随身邮 | 网游神 | 聊天 | 论坛 | 新闻 | 体育 | 娱乐 | 搜索
潮流科技> 学园> 网页制作> 1CSS> 正文
频道搜索
手机短信
频道推荐
·索尼推出新型记忆棒可用于手机和PS2(图)
·宽带时代9000元全功能娱乐装机配置(图)
·杨元庆:联想总部迁至上海是早晚的事
·平稳一周:中关村上周行情综述
·轻巧灵便的袖珍数码相机FinePix F401
·用Photo硬派7制作“青山绿水图”(图)
·夏天酷伴侣:东芝SORA数码相机(图)
·COMPUTEX台北:超炫机箱图片秀!(多图)
编辑信箱
it@bj.tom.com

CSS 滤镜——DropShadow 滤镜(图)
2002年01月29日来源:天极网shiny整理

DropShadow 滤镜

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

DropShadow 滤镜语法 {filter:dropshadow (color=color,offx=ofx,offy=offy,positive=positive)}

参数含义如下:

参数
说明
Color代表投射阴影的颜色
offxX方向阴影的偏移量
offyY方向阴影的偏移量
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>

爱国 守法 自律 真实 文明
发表评论:
网友昵称:

关键字:CSS  滤镜  
进入论坛 推荐好友
相关文章
·1CSS(6月3日14:57)
·Photoshop文字特效滤镜Eye candy(图)(5月21日15:30)
·Photoshop拼图效果滤镜Puzzle Pro(图)(5月17日14:39)
·Photoshop抽线图片特效滤镜Alpha Strip(5月16日17:30)
·Photoshop天气季节效果滤镜Four Seasons(5月14日18:29)
·KPT Photoshop图片特效滤镜(图)(5月13日15:26)
·友立Photoshop特效字滤镜应用介绍(图)(5月10日16:17)
·Photoshop图片特效滤镜Xenofex(图)(5月9日19:10)
TOM是谁   新闻室   投资讯息   刊登广告   私隐政策   TOM招聘
Copyright ? 2002 TOM.COM LIMITED. All rights reserved.