css - css中的文本阴影密度以获得模糊效果

Question

有没有更好的方法给文本阴影提供更大的密度？我想到的唯一解决方案是在文本上重复多次文本阴影，但这有点草率。我认为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 中的工作示例：

http://jsfiddle.net/poselab/jAgF3/3/

http://jsfiddle.net/poselab/pHnTm/

Answer 1

我不确定您到底想实现什么@PoseLab，但如果您检查对此的支持，大多数浏览器都支持文本阴影上的“模糊”属性。 caniuse.com

通过将模糊从 0 上下更改，肯定会将密度从纯色更改为更褪色的效果。

也许做类似的事情

text-shadow:2px 2px 0 #fff;

JS小提琴

希望这会有所帮助，您也可以随时使用文本阴影生成器。

CSS3 文本阴影生成器

PS（我也很抱歉，IE9 也支持文本阴影）