文字阴影

要为文本添加阴影,请使用 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;
}