change background color from top to bottom

Question

I have a div that has a white background color.

Now I am wondering if it is possible to change the backgroundcolor on hover with an animation form top top bottom. Just like the color comes over the white.

I know this can be done with an image, but can I do it without?

Answer 1

You can animate gradients in CSS3. There is a tutorial here.