[转载] FF3.5 CSS3 text-shadow 使用文字阴影来烘托效果

转载来源：谋智社区

原文地址：stylish text with text-shadow

系列地址：颠覆网络35天

====================================

本文作者为Frederic Wenzel──Mozilla网站开发团队成员。

CSS属性text-shadow正如名字所示：生成轻微模糊的、移动的文字影像，而让整体的效果看起来好像是真实的文字阴影。

text-shadow属性最初出现在CSS 2的规范中，但是由于在当时并没有很好的做出定义，对于他的支持在CSS 2.1中又被废弃了。这个特性在CSS 3中重新被提出来，而现在已经在Firefox 3.5中获得实现。

怎么来做呢？

根据CSS 3的规范，text-shadow属性可以拥有下列赋值：


none | [<shadow>, ] * <shadow>,

<shadow>被定义为：


[ <color>? <length> <length> <length>? | <length> <length> <length>? <color>? ],

这里前面两个length表示水平方向和竖直方向上的位移，第三个length表示可选的模糊半径。描述他的最好办法就是举例说明。

我们可以简单的做一个阴影效果，例如：
（以下略……）
转载来源：谋智社区

IE 不支持，再好的效果设计师也不会用，谁愿意表演给瞎子看呢！