作者:dhailing | 来源:互联网 | 2023-05-28 14:29
目标
我需要加强文本阴影效果.
当前解决方案
根据MDN,"text-shadow ...接受以逗号分隔的阴影列表",所以我只复制了同一个阴影的几个层:
.glow-triple {
text-shadow: 0 0 10px gold, 0 0 10px gold, 0 0 10px gold;
}
(小提琴:http://jsfiddle.net/targumon/wdhLqjrh/)
我的问题
是否有比这种重复使用更简洁的方法?
之前的研究
我发现另外两个SO Q&As触及了这个主题,但它们没有解决我的具体问题:
jquery密集文本阴影和模糊的背景颜色
CSS:发光的文字,发光非常宽和高
编辑
由badfilms的答案触发,spread关键字揭示了另一个SO Q&A:
浏览器支持文本阴影传播值
badfilms..
6
因为text-shadow
没有相同的属性box-shadow
(即缺少传播),我们被迫使用你的技术.您可以考虑使用其他技术实现这一目标,但我几乎不相信它们会更简洁.
1> badfilms..:
因为text-shadow
没有相同的属性box-shadow
(即缺少传播),我们被迫使用你的技术.您可以考虑使用其他技术实现这一目标,但我几乎不相信它们会更简洁.