使用css的多个3D文本阴影

Question

我想在一个网站上为我的一些文本提供阴影效果，这会使它看起来像使用CSS的3D它是否可能？

Answer 1

是的，字体上可以有多个text-shadow，只需使用以逗号分隔的值列表：

p {
    text-shadow: 0.1em 0.1em 0.2em #ccc, 0.2em 0.2em 0.3 em #ddd /* ...other...*/
}

Answer 2

使用此

http://jsfiddle.net/RobertKolatzek/uk2my/1/

并尝试了解它的工作原理（颜色，尺寸等）。

在底部，您可以复制和粘贴text-shadow属性。

在一个简单的例子中，你使用text-shadow渲染3D，然后使用它的阴影：

text-shadow: 0px 4px 0 #ccc, 0px 6px 0 #888;