网络编程
位置:首页>> 网络编程>> 网页设计>> CSS3:文字阴影知多少(2)

CSS3:文字阴影知多少(2)

作者:ahhqx 来源:ediyang.com 发布时间:2009-06-28 15:33:00 

标签:阴影,css3,文字,text-shadow

为什么使用text-shadow:

  • 可以增强文字质感

  • 可以减少图片的使用,减少带宽支出

  • 随着Firefox 3.5支持text-shadow,不久很多人将可以看到你定义的阴影

不相信?请看看下面的截图,这是对http://tweetcc.com/网站分别在safari 4(win)与Firefox 3.0.11下所进行的截图.很明显在有text-shadow应用下整体文字层次感好了许多.

其他例子

接下来我们继续看看一些有趣的text-shadow下的例子吧,首先看看 vikiworks 用text-shadow来显示程序代码.很多人都觉得这个效果很赞,没错,该网站用的就是css3属性.

参考资料及常见问题

看完上面觉得不够,那么可以参考一下下面的文章:

问题有:

  • 如果使用了blur,也就是定义了阴影模糊半径,会导致页面在滚动时变慢.

请留意:本文章旨在抛砖引玉引起大家对CSS3的兴趣.也比较侧重该属性呈现的效果,所以对该属性的技术性讲解及定义都有所偏差,请原谅.

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com