它可以给任意的字符设置或多个阴影。

text-shadow 向文本设置阴影。

text-shadow 一共接受 4 个参数，前两个是阴影的位置通过 x，y坐标系来设定，第三个参数设定模糊的大小，最后参数设定阴影的颜色。

.demo{
    text-shadow: h-shadow v-shadow blur color;
}

值

1.为阴影。

<div class="demo">网</div>

.demo{
     text-shadow:px px px red;
}

图

html,body{
    background: #000;
}
.demo{
    color: #fff;
    text-shadow:px px px #fff,-px -px px #fff,px -px px #fff,-px px px #fff;
}

图

说明：其实就是在各个方向上都白色的阴影，在黑色的背景下就显得有发光的了。

.demo{
    font-size: px;
    color: #fff;
    text-shadow:px px hsl(,,),
            px px hsl(,,),
            px px hsl(,,),
            px px hsl(,,),
            px px hsl(,,),
            px px px black;
}

图

说明：这个也是利用各种色组叠加来实现的。

首先通过上面的例子我们可以了解到这个是可以无限制的颜色组，通过通过这个可以制作出很多有意思的。例如下雨的圆形光晕等等。

在以前也有text-shadow:#000 5px 5px 5px这样的写法，不过不推荐。