那些让你的字体绚烂多彩的字体属性（一）：text-shadow

页面中的字体可以有多么绚烂？

这些只是冰山一角，更多的效果可以看一下时下流行的 字体在线生成工具。

如何做出这些效果呢？其实这些都是代码实现的，只不过这几个属性非字体行业的网站一般用不到，比较生僻。

从今天开始我们每天分享一个字体的css属性，只要掌握了这几个属性的用法，你也可以做出各种漂亮的字体特效来。

今天我们先从第一个开始：text-shadow，文字阴影。

text-shadow有4个属性：

h-shadow：必需。水平阴影的位置。允许负值。其值为正值时阴影向右偏移，其值为负值时，阴影向左偏移。

v-shadow：必需。垂直阴影的位置。允许负值。其值为正值时阴影向下偏移，其值为负值时，阴影向上偏移。

blur：可选。模糊的距离。其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0。

color：可选。阴影的颜色。可以为rgba。

写法为：text-shadow: h-shadow v-shadow blur color;

还可以多个阴影叠加，只需要中间用英文逗号间隔。字体的立体效果，就是多个阴影叠加实现的。比如：

.shadow {
text-shadow: 0px 0px 0 #b89800, 1px -1px 0 #b39400, 2px -2px 0 #ad8f00, 3px -3px 0 #a88b00, 4px -4px 0 #a38700, 5px -5px 0 #9e8300, 6px -6px 0 #997f00, 7px -7px 0 #947a00, 8px -8px 0 #8f7600, 9px -9px 0 #8a7200, 10px -10px 0 #856e00, 11px -11px 0 #806a00, 12px -12px 0 #7a6500, 13px -13px 12px rgba(0, 0, 0, 0.55), 13px -13px 1px rgba(0, 0, 0, 0.5);
}

　　以上就是text-shadow的用法，只是这一个属性，我们就能做出很漂亮的字体特效了。