jQuery image slide on hover effect

This is a simple technique to animate an image when hovering using jQuery's animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an image. Have a look at the demo below for a better understanding.