I have some keywords in the header of my website. Every few second I want one of them to glow up with the CSS text-shadow property.

However, JQuery animation doesn't seem to support the CSS text-shadow property very well.

http://jsfiddle.net/VWBsU/: This is kind of the result that I want, but the glow has to fade in and out.

http://jsfiddle.net/VWBsU/1/ With a more common CSS-property, like color, the animation works perfectly, the red color kind of fades in.

http://jsfiddle.net/VWBsU/2/ But the CSS text-shadow property doesn't even appear when trying to animate it.

Does anyone know how to fade in and fade out a text-shadow property?