前两天有个学html5前端的小美女问我怎么实现文字阴影的效果。她跟我说了text-shadow，她也知道text-shadow，但是做不出想要的样子，其实css3的新功能很强大，不要太限制你的思维，好吧，八卦话不多说，我们先来看看这个文字阴影。1、文字阴影text-shadow文字阴影参数：参数1：第一个长度值，用于设置物体的阴影水平偏移值。它可以是负值。参数2：第二个长度值，用于设置物体阴影的垂直偏移值。可以是负值参数3：如果提供第三个长度值，则用于设置物体的阴影模糊值。不允许负值参数4：设置物体阴影的颜色text-shadow:10px10px50px#000;2.例子怎样才能实现上图的效果呢？HTML结构CSS样式fontstylefontcolortextshadow下面看具体代码：HTML:【千锤百炼】尚学堂div>CSS:.text{font:bold100px/1.5'Microsoft雅黑';color:dodgerblue;/*文字阴影*/文字阴影:10px10px50px#000;/*text-shadow:10px10px50px#000,-10px-10px50px#f00;*/}下面看看前端小美女问我效果怎么做的。。其实很很简单，我们直接上代码吧~HTML:【千锤百炼】尚学堂div>CSS:body{background:#000;color:#fff;}.text{font:bold100px/1.5georgia,sans-serif;/*不同的颜色，具有不同值的多个模糊尺寸*/text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#ff00de,0070px#ff00de,0080px#ff00de,00100px#ff00de,00150px#ff00de;}发散思路，其实css3样式很有意思，有时候稍加改动就可以达到非常炫目的效果^.^下一篇我们将介绍同样的技术方法实现文字边框的阴影。请期待
