text-shadow 文本阴影
它可以给任意的字符设置或多个阴影。
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
这样的写法,不过不推荐。