How do I get my links to glow on :hover with CSS3?

html css glow
Brian Peters picture Brian Peters · Oct 11, 2012 · Viewed 16.6k times · Source

Possible Duplicate:
Glowing Text (HTML CSS)

So I'm looking for a 100% css solution for a text glow effect. I tried text-shadow but I couldn't get it looking how I wanted. I was able to achieve the effect with box-shadow. However, that only glows around the outside of the elements edges, and leaves the inside blank. Here is a picture:

enter image description here

How do I get a nice looking outer glow like above, without the blank inside?

my code is just a simple <li><a></a></li> , with hover css on both the li, and a tags.

Thanks in advance.

Answer

Kevin Boucher picture Kevin Boucher · Oct 11, 2012 
a:hover { text-shadow: 0 0 5px #ff0000; }

Related questions

CSS/HTML: Create a glowing border around an Input Field

I want to create some decent inputs for my form, and I would really like to know how TWITTER does their glowing border around their inputs. Example/Picture of the Twitter border: I also don't quite know how to create …

Read More
How to make glowing text in HTML and 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 I want the text to glow, just like the minimize, …

Read More
Glow Animation Effect in CSS3/HTML5

Is there any possibility to create a similar animation glow effect on the buttons and other objects on the web without using Flash or GIF?

Read More