在css3中text-shadow属性就是实现基础的文本阴影效果:
span{ /* 文字阴影: text-shadow: 水平位移 垂直位移 模糊程度 阴影颜色; */ font: 700 100px "Comic Sans MS"; color: white; text-shadow: 0 0 20px #fdec84, 10px -10px 30px #ffae35, 20px -20px 40px #ec760c, -20px -60px 50px #cd4607, 0px -80px 60px #973717, 10px -40px 70px #451b0e; }
body{ text-align: center; background-color: black; }
效果如下: