使用CSS的文字外发光效果

Question

我需要使用 CSS 为某些文本添加“外发光”Photoshop 效果。这是我要实现的模型的屏幕截图：

这是 Photoshop 图层设置：

我很确定这是 text-shadow 但我一直在弄乱它，我无法在所有方面都发光。

原文由 cup_of 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Text-shadow 是你必须用来实现发光或某种文本阴影的东西。

 p{
text-shadow : horizontal-shadow vertical-shadow blur color;
}

要添加 multiple text-shadow ，您可以通过将它们分开，在 text-shadow 属性中添加逗号来实现。

 p{
    text-shadow : horizontal-shadow vertical-shadow blur color, horizontal-shadow vertical-shadow blur color;
 }

 p{
  background:#111;
  color:#fff;
  text-shadow:1px 1px 10px #fff, 1px 1px 10px #ccc;
  font-size:48px;
  text-align:center;
}

 <p>
Demo Text
</p>

原文由 frnt 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

有 text-shadow ，前两个值是 x 和 y 偏移量，第三个值指定阴影模糊：

 text-shadow: 0 0 32px black;

 body {
  background-color: #00bcd4;
}

p {
  margin: 30px;
  color: white;
  font-family: sans-serif;
  font-size: 40px;
  font-weight: bold;
  text-shadow: 0 0 32px black;
}

 <p>Lorem ipsum dolor sit amet</p>

原文由 Nhan 发布，翻译遵循 CC BY-SA 3.0 许可协议