有没有更好的方法来增加文本阴影的密度?我想到的唯一解决方案是多次重复文本上的文本阴影,但这有点草率。我认为 IE10 支持传播半径,但它是唯一的。
body{
background:#000
}
h1 {
font-size: 25px;
font-family:Arial;
color: #F90;
text-shadow:
0 0 20px #FFF,
0 0 20px #FFF,
0 0 20px #FFF,
0 0 20px #FFF,
0 0 20px #FFF,
0 0 20px #FFF,
0 0 20px #FFF,
0 0 20px #FFF,
0 0 20px #FFF,
0 0 20px #FFF,
0 0 20px #FFF,
0 0 20px #FFF,
0 0 20px #FFF,
0 0 20px #FFF;
}
比较 jsfiddle 中的工作示例:
最佳答案
我不确定你到底想实现什么 @PoseLab 但如果你检查支持的话,大多数浏览器都支持文本阴影上的“模糊”属性。 caniuse.com
通过从 0 上下改变模糊度肯定会将密度从纯色更改为更褪色的效果。
也许会做类似的事情
text-shadow:2px 2px 0 #fff;
希望这对您有所帮助,您也可以随时使用文本阴影生成器。
P.S(我也很抱歉,IE9 也支持 Text-shadow)
关于css - css中的文本阴影密度以获得模糊效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16958749/