Con el siguiente fragmento de código en CSS podemos voltear una imagen. Imagina el caso de que necesites una flecha hacia la derecha y otra hacia la izquierda. Con este sencillo truco podríamos tener la solución con una sola imagen y por tanto una única petición HTTP al servidor.
img.volt_hoz{
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
Del mismo modo puede hacerse para voltear verticalmente la imagen:
img.volt_ver {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}