[分享]css3多种文本阴影

CSS3提供了多种文本阴影样式，如下：

/* 文本阴影 */
text-shadow: h-shadow v-shadow blur-radius color; 

其中，每个参数的作用如下：

• h-shadow：必须指定，表示阴影的水平偏移量，可正可负。

• v-shadow：必须指定，表示阴影的垂直偏移量，可正可负。

• blur-radius：可选，表示阴影的模糊半径，越大越模糊。

• color：必须指定，表示阴影的颜色。

示例：

/* 水平方向5像素，垂直方向5像素，模糊半径为0，颜色为红 */
text-shadow: 5px 5px 0 red;

/* 水平方向0，垂直方向10像素，模糊半径为10，颜色为蓝 */
text-shadow: 0 10px 10px blue;

/* 多个阴影，用逗号隔开 */
text-shadow: 5px 5px 5px black, -5px -5px 5px white; 

上述示例分别生成了如下样式：

文本阴影

文本阴影

文本阴影