要用 CSS 设置文字的聚光灯效果,你可以使用 text-shadow
属性。
例如:
.highlighted {
text-shadow: 0 0 5px #ffff00;
}
在这个例子中,我们为所有被选中的元素添加了一个黄色的文字阴影,其中水平偏移和垂直偏移都为 0,模糊距离为 5px。
你还可以添加多个阴影,例如:
.highlighted {
text-shadow: 0 0 5px #ffff00, 0 0 10px #ffff00, 0 0 15px #ffff00;
}
这将添加三个阴影,分别为模糊距离为 5px、10px 和 15px 的黄色阴影。
注意,text-shadow
属性仅在支持文本阴影的浏览器中可用。