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

css中的文本阴影密度以获得模糊效果,css,Css,有没有更好的方法使文本阴影具有更高的密度?我想到的唯一解决办法是在文本上重复多次文本阴影,但这有点草率。我认为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 20p

有没有更好的方法使文本阴影具有更高的密度?我想到的唯一解决办法是在文本上重复多次文本阴影,但这有点草率。我认为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;
}
比较JSFIDLE中的工作示例:


我不确定您到底想实现@PoseLab什么,但是如果您检查是否支持,大多数浏览器都支持文本阴影上的模糊属性。

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

也许做些类似的事情

text-shadow:2px 2px 0 #fff;
希望这有帮助,您也可以随时使用文本阴影生成器


另外,我也很抱歉,IE9也支持文本阴影

据我所知,目前没有其他方法。您可以使用1px 1px白色、-1px 1px白色等进行混合,以使其更亮,但是,过多会影响一些像素艺术: