如何在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 ONLY适用于IE(完全BS顺便说一句,我使用的是IE9 RC,甚至没有显示),所以我发现的关于发光的教程实际上都不适用于文本<p>, <a> <h1>等.

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

Answer 1

也许玩CSS3文字阴影.

text-shadow: #EEEE00 0 0 10px;

IE8及以下版本不支持它,但这就是filter派上用场的地方.

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

PS CSS3 text-shadow属性的一个巧妙的小功能是允许多个阴影.

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

Answer 2

在这里找到示例http://enjoycss.com/gallery/text_effects

你可以在编辑器中打开它们并调整任何css3参数然后只需通过enjoycss获取你需要的css3代码(它将被生成)

例如http://enjoycss.com/39/1#textShadow