html - 在没有阴影的 CSS 文本后面变暗？

Question

我正在尝试将文本后面的区域变暗，因为这样可以使它在某些地方更清晰(我的英雄只需要这个)。现在我正在使用具有大量模糊的多个阴影(见下文)，但这会使渐变变得相当粗糙，并且不是我想要的平滑、“更有光泽”的外观。

这是它的作用的图像:

但我真正想要的是更像这里的影子的东西:

有没有办法制作一个物体或围绕文本的东西或者是文本的形状？

谢谢!这是我现在使用的:

text-shadow: 0px 0px 80px rgba(0,0,0,1),
             0px 0px 70px rgba(0,0,0,1),
             0px 0px 60px rgba(0,0,0,1),
             0px 0px 50px rgba(0,0,0,1),
             0px 0px 40px rgba(0,0,0,1),
             0px 0px 30px rgba(0,0,0,1);

Answer 1

您可以使用具有更小半径和半透明颜色的单个阴影。这会产生更接近字符的阴影，通常只能在背景的较亮部分看到，而这正是使文本与背景区分开来所需要的地方。

例子:

text-shadow: 0 0 10px rgba(0,0,0,0.4);

演示:http://jsfiddle.net/XFhJa/