CSS3 Slide Out Image Tutorial
3/29/2013How to CSS3 slide out image
CSS
a { display:block; position:relative; width:100px; height:100px; background:red; } img { position:absolute; left:0; -webkit-transition:.5s; -moz-transition:.5s; transition:.5s; opacity:0; z-index:-1; } a:hover img { left:100%; opacity:1; }
HTML
<a href="#"><img alt="image" src="http://lorempixel.com/100/100/"></a>