如何使HTML和CSS发光的文本 [英] How to make glowing text in HTML and CSS

问题描述

我想在HTML和CSS中创建发光的文本。我将遵循本教程。

I want to make glowing text in HTML and CSS. I'm following this tutorial.

http://msdn.microsoft.com/en-us/library/gg589484（v = VS.85）.aspx＃creating_％22glow％22_effects_with_drop_shadows

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

I want the text to glow, just like the minimize, maximize and exit buttons on Windows Vista and 7 glow when you hover over them.

我已经在线阅读8个教程，所有的说FILTER ONLY工程在IE（完整的BS btw，我使用IE9 RC，甚至不显示），所以没有一个教程我发现实际上工作的文本像< p>，< a> < h1> 等。

I have read 8 tutorials online, all saying that FILTER ONLY works on IE (Complete BS btw, I am using IE9 RC and it doesn't even display), so none of the tutorials I have found about glowing actually work for text like <p>, <a> <h1> etc.

如何让我的文字发光？ （无图片）

How can I make my text glow on hover? (without images)

推荐答案

也许有CSS3文字阴影的玩法。

Have a play with CSS3 text-shadow perhaps.

text-shadow: #EEEE00 0 0 10px;

IE8及以下版本不支持，但 filter <

IE8 and below won't support it, but that's where filter comes in handy.

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

CSS3 text-shadow属性的一个整洁的小功能是允许多个阴影。

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

这篇关于如何使HTML和CSS发光的文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！