CSS文字阴影

常规文字阴影：

p { text-shadow: 1px 1px 1px #000; }

多个阴影：

p { text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; }

前两个值指定阴影偏移的长度。 第一个值指定阴影的水平距离，第二个值指定阴影的垂直距离。 第三个值指定模糊半径，最后一个值描述阴影的颜色：

1.值= X坐标
2. value = Y坐标
3. value =模糊半径
4. value =阴影的颜色

使用正数作为前两个值的结果是将阴影水平放置在文本右侧（第一个值），并将阴影垂直放置在文本下方（第二个值）。

第三个值是模糊半径，它是一个可选值，可以指定但不必指定。 文本拉伸的像素数量会导致模糊效果。 如果不使用第三个值，则将其视作指定的模糊半径为零。

另外，请记住，可以为颜色使用RGBA值，例如，白色的透明度为40％：

p { text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); }

翻译自: https://css-tricks.com/snippets/css/css-text-shadow/