Rotar imágenes y elementos solo con CSS
Sabías que se pueden rotar imagenes (y cualquier elemento HTML) utilizando solo CSS?
Añade estas clases CSS a tus elementos HTML para rotarlos en pasos de 90 grados.
.rot0 {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
rotation: 0deg;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}
.rot90 {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
rotation: 90deg;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.rot180 {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
rotation: 180deg;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.rot270 {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}