CSS3设计网页阴影特效艺术字

1. 前言

利用CSS3新增的text-shadow属性可以生成文本阴影，在HTML文档中实现火焰特效、发光特效、凸起和镶嵌特效、描边特效的艺术字效果，大大提高开发效率，无需链接图片文件，节约带宽。

2. text-shadow属性介绍

text-shadow属性的手册传送门

2.1 语法：

text-shadow：none | <shadow> [ , <shadow> ]*
<shadow> = <length>{2,3} && <color>?
默认值：none
适用于：所有元素
继承性：有
动画性：是
计算值：1个颜色加3个绝对长度

2.2 取值：

none： 无阴影
<length>①： 第1个长度值用来设置对象的阴影水平偏移值。可以为负值
<length>②： 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值
<length>③： 如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值
<color>： 设置对象的阴影的颜色。

<