text-shadow文字阴影

Posted 2020-08-02

text-shadow：<length>(x轴） <length>(y轴) <shadow>(模糊半径) color（阴影颜色）

length：长度值，可以是负值。用来指定阴影的延伸距离。其中X是水平偏移值，Y是垂直偏移值。x为正数值右边，y为正数值下边，负数相反。

<shadow>：阴影的模糊值，不可以是负值，用来指定模糊效果的作用距离。

3d的文字效果

color: yellow;text-shadow: 1px 1px red,2px 2px red,3px 3px red,4px 4px red,5px 5px red

霓虹灯效果

text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de;