Invertir imagenes con css

Como invertir una imagen con css puro

by Edgar Martinez

HTML

<img src="https://product-images.www8-hp.com/digmedialib/prodimg/lowres/c05934915.png" id="avatar-1">

CSS

#avatar-1:hover{
	transform: scaleX(-1);
	-moz-transform: scaleX(-1); /* Firefox */
	-webkit-transform: scaleX(-1); /* Chrome - Safari */
	-o-transform: scaleX(-1); /* Opera */
}