Animating a CSS gradient background on the hover event

Question

I have some menu items that are styled using a background gradient on hover using the following styling:

#sidebar ul          


        

Answer 1

It seems gradients don't support transitions yet (still):

Use CSS3 transitions with gradient backgrounds

If you use a background image rather than a css3 gradient, then you can use css transition to animate it in and out.