html - 如何在 HTML 和 CSS 中制作发光的文本

Question

我想用 HTML 和 CSS 制作发光的文本。我正在学习本教程。

http://msdn.microsoft.com/en-us/library/gg589484(v=VS.85).aspx#creating_%22glow%22_effects_with_drop_shadows

我希望文本发光，就像 Windows Vista 和 7 上的最小化、最大化和退出按钮在您将鼠标悬停在它们上面时发光一样。

我已经在线阅读了 8 个教程，都说 FILTER 仅适用于 IE(顺便说一句，完全废话，我使用的是 IE9 RC，它甚至不显示)，所以我发现的关于发光的教程都没有真正适用于类似 <p>, <a> <h1> 的文字等

如何让我的文本在悬停时发光？ (没有图片)

Answer 1

也许玩一下 CSS3 文本阴影。

text-shadow: #EEEE00 0 0 10px;

IE8 及以下版本不支持它，但这正是 filter 派上用场的地方。

filter: glow(color=#EEEE00,strength=3);

附言CSS3 文本阴影属性的一个巧妙的小特性是它允许多个阴影。

text-shadow: #EEEE00 0 0 10px, #FF0000 5px 5px 5px;