文字阴影
要为文本添加阴影,请使用 text-shadow
属性。语法如下:
text-shadow: horizontal-offset vertical-offset blur color;
没有模糊半径的阴影
h1 {
text-shadow: 2px 2px #0000FF;
}
这会在标题周围创建蓝色阴影效果
模糊半径的阴影
要添加模糊效果,请添加选项 blur radius
参数
h1 {
text-shadow: 2px 2px 10px #0000FF;
}
多个阴影
要为元素提供多个阴影,请用逗号分隔它们
h1 {
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}