是否有更简单的方法来控制文本阴影的强度?

时间:2015-01-04 15:20:20

标签: css3

目标
我需要加强文字阴影效果。

当前解决方案
根据MDN,"text-shadow ... accepts a comma-separated list of shadows",所以我只是复制了同一个阴影的几个层:

.glow-triple {
    text-shadow: 0 0 10px gold, 0 0 10px gold, 0 0 10px gold;
}

(小提琴:http://jsfiddle.net/targumon/wdhLqjrh/

我的问题
是否有比这种重复使用更简洁的方式?

之前的研究
我找到了另外两个SO Q& As触及了这个主题,但他们没有解决我的具体问题:

修改

badfilms' answer触发,传播关键字显示另一个SO Q& A:

1 个答案:

答案 0 :(得分:6)

由于text-shadowbox-shadow没有相同的属性(即缺少差价),我们不得不使用您的技术。您可以考虑使用其他技术实现这一目标,但我不相信它们会更简洁。