CSS3 Animate Out of :hover

Question

I\'m setting up a simple animation that brings up a little additional information when you hover over an image. The jQuery backup part is written and works fine, though the issu

Answer 1

This can also be done with CSS transitions, it's less powerful but simpler. The idea is to have a div containing the top and bottom links but it is bigger than the wrapper div so that parts are hidden. When you hover over it, it reduces height so the links are visible. To make it animate back and forth you add the "transition : height 1s" to the css of the div. If I'll have the time later, I'll try to write it.