How to make a a:hover gradually have other colour

Question

Hi, My menu has the colour #006699, when hover I want it to gradually go over to the colour #4796E9. Is that possible?

Answer 1

It sounds like the sort of thing you could do using jQuery.

Ben

Answer 2

Yes, you can do this using jQuery. CSS Tricks has a tutorial called Color Fading Menu with jQuery here.

Answer 3

I don't think that's possible with CSS. But you can do it via javascript. Try the fadeIn effect in jquery.

Answer 4

Here's a plugin someone did with JQuery that does this.

Answer 5

With JavaScript ( you can do it easy with a jQuery animate() method) or WebKit CSS animations: http://webkit.org/blog/138/css-animation/ (note that this method only works in WebKit).

I recommend the JavaScript route -- using a framework like jQuery or scriptaculous. Info on jQuery's animate method here: http://docs.jquery.com/Effects/animate