Notice they reset "top" on hover for any of those buckets. Then the animation is driven by the CSS transition setting there at the bottom. (-webkit-transition, -moz-transition, etc).

Ryan Boudreaux includes all the code snippets you'll need in this demo of how to create an image hover-preview effect using HTML, CSS, and JavaScript.