文字阴影（text-shadow）

text-shadow

text-shadow: 水平偏移 垂直偏移 模糊 颜色;
它和 box-shadow 用法类似，上了一个扩散参数和 inset

这是一个黑色文字

设置黑色阴影，同时让文字颜色透明，可以快速得到文字模糊效果

         	text-shadow: 0 0 3px #000;
         	color: transparent;

等距偏移，依次降低颜色，可以做出像素风格的文字

            text-shadow: 2px 2px 0 #ddd,
                4px 4px 0 #bbb,
                6px 6px 0 #999,
                8px 8px 0 #777,
                10px 10px 0 #555,
                12px 12px 0 #333,
                14px 14px 0 #111;

增加模糊变成了 3D 风格，减少层数更明显

            text-shadow: 2px 2px 2px #ddd,
                4px 4px 2px #bbb,
                6px 6px 2px #999,
                8px 8px 2px #777;

如果替换一下颜色，就变成了彩虹拖尾

            text-shadow: 2px 2px 0px red,
                4px 4px 0px orange,
                6px 6px 0px yellow,
                8px 8px 0px green;

让文字颜色透明，设置文本描边和颜色，设置一个阴影

            color: transparent;
            -webkit-text-stroke-width: 2px;
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-color: #333;
            -ms-text-stroke-color: #333;
            text-shadow: 3px 3px hotpink;