用CSS实现字体阴影的效果

虽然对高手来说,有点过时了,但是有时候能用上的。
CSS中有两种阴影效果,一种是DropShadow(投影),另一种是Shadow(阴影).
1、DropShadow
语法:{FILTER:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)}
Color 代表投影的颜色,格式为“#RRGGBB”
OffX 和 OffY 代表x和y方向的投影偏移量。必须用整数值,正数代表x轴的右方向和y轴的下方向。负值相反。
Positive 参数是一个布尔值。值为true(非0),那么就为任何的非透明像素建立可见的投影。如果值为false(0),那么就为透明的像素部分建立可见的投影。
2、Shadow
语法:{FILTER:Shadow(Color=color,Direction=direction)}
Color 代表阴影的颜色,格式为“#RRGGBB”
Direction是设置投影的方向,按照顺时针方向进行,0度代表垂直向上,然后每45度为一个单位。默认值是向左的270度。共8个方向。
两种特效的用法,一起写了。
在CSS里定义类,第一种是投影,第二中是阴影。数值可以自己调整,上面有详细介绍。
.dropshadow { filter: DropShadow(Color=green, OffX=5, OffY=5, Positive=1); position: absolute; font-size: 14pt; font-weight: bolder; top: 20px; clip: rect( ); left: 20px}
.shadow { filter: Shadow(Color=green, Direction=135); position: absolute; font-size: 14pt; font-weight: bolder ; left: 350px; top: 20px; clip: rect( )}
定义到字体。
dropshadow - 用CSS做投影效果
shadow - 用CSS做阴影效果
有喜欢的朋友可以放在自己的页面中看下效果颜色字体据自己喜好调用。
[code]

www.dodocn.com


dropshadow - http://www.dodocn.com">用http://www.suoxie.com/?css" target="_blank">CSS做投影效果
shadow - 用http://www.suoxie.com/?css" target="_blank">CSS做阴影效果



[/code]

小 虾

哦也,我是小虾

暂无评论

发表评论

您的电子邮件地址不会被公开,必填项已用*标注。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

相关推荐

使用 PHP 禁止国内 ip 访问网站

php怎么禁止国内ip访问网站? 用php代码限制国内IP访问我们网站 原理: 利用淘宝的IP接口来判断IP,是否是国内的ip,是国内(CN)的就不允许访问。 $ip = $_SERVER['REMOTE_ADDR']; $content = file_get_c ...

超链接的巧思

80,90 后先用电脑后来才有手机,对网页里蓝色文字是超链接很熟悉。现在的老人和小孩都是直接从手机开始上网,对蓝色文字没有概念。我曾经访谈过2位用户,他们以为蓝色文字是加粗高亮的意思,没意识到可以点击。带着 ...

微信扫一扫,分享到朋友圈

用CSS实现字体阴影的效果