我们可以设置多重阴影,来让文本的显示效果更加自然。多重阴影效果使用逗号隔开。
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); }
text-shadow
可以用来创建各种各样的效果,当与在线字体共同使用的时候, 我们就无需再使用大量的文字图像。