在没有阴影的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/