我们可以设置多重阴影,来让文本的显示效果更加自然。多重阴影效果使用逗号隔开。

h1 { 
text-shadow : 
2px 2px 0 rgba(125,130,131,.75), 
2px 5px 10px rgba(125,130,131,.65); }

我们可以通过设置三种阴影效果来创建三维文本。下面我们在文本上面使用白阴影, 在文本下面使用两种黑色阴影。

h1 { 
text-shadow : 
2px 2px 0 #0f2429, 
2px 5px 10px rgba(15,36,41,0.5), 
2px -2px 5px rgb(56,143,162); }

1207.tif

text-shadow可以用来创建各种各样的效果,当与在线字体共同使用的时候, 我们就无需再使用大量的文字图像。