by kirupa | 11 October 2012
Commonly, you only see transitions being used on hover. Given some of the limitations transitions have in defining rich animations, this snippet shows how you can play a CSS animation on hover instead to create both a slide and a bounce. I also handle the handoff problem animations have when you hover out while the hover-in animation is still playing.
This is a companion discussion topic for the original entry at http://www.kirupa.com/snippets/slide_bounce_image_on_hover.htm