hover animation css3

by kuyabiye

HTML

<a href="#"><img src="http://lorempixel.com/200/250" /></a><a href="#"><img src="http://lorempixel.com/200/250" /></a><a href="#"><img src="http://lorempixel.com/200/250" /></a><a href="#"><img src="http://lorempixel.com/200/250" /></a><a href="#"><img src="http://lorempixel.com/200/250" /></a><a href="#"><img src="http://lorempixel.com/200/250" /></a>

CSS

img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	text-decoration: none;
}

a:hover img, a:active img {
	z-index: 1;
	-webkit-transform: rotate(-3deg) scale(1.2);
	-moz-transform: rotate(-3deg) scale(1.2);
	-o-transform: rotate(-3deg) scale(1.2);
	transform: rotate(-3deg) scale(1.2);	

}