如何用css设置文字的聚光灯效果
时间: 2023-01-28 18:08:20 浏览: 151
使用css中的canvas完成的聚光灯效果
5星 · 资源好评率100%
要用 CSS 设置文字的聚光灯效果,你可以使用 `text-shadow` 属性。
例如:
```css
.highlighted {
text-shadow: 0 0 5px #ffff00;
}
```
在这个例子中,我们为所有被选中的元素添加了一个黄色的文字阴影,其中水平偏移和垂直偏移都为 0,模糊距离为 5px。
你还可以添加多个阴影,例如:
```css
.highlighted {
text-shadow: 0 0 5px #ffff00, 0 0 10px #ffff00, 0 0 15px #ffff00;
}
```
这将添加三个阴影,分别为模糊距离为 5px、10px 和 15px 的黄色阴影。
注意,`text-shadow` 属性仅在支持文本阴影的浏览器中可用。
阅读全文