Otra respuesta sugirió la propiedad CSS de orientación de imagen, que solo es compatible con Firefox. Un método más inclusivo sería la propiedad de transformación CSS con un método de rotación aplicado:
img {
transformar: rotar (90 grados);
}
Puede usar un número negativo para ir hacia el otro lado.
- ¿Cómo explicará los servidores Proxy en términos Layman?
- ¿Para qué se usa la barra de desplazamiento?
- Cómo configurar un sitio web similar a Awesomeweb.com usando un tema
- ¿Qué herramientas se utilizan para crear sitios web comerciales como Amazon, Flipkart, eBay, etc.?
- ¿Contratarás un programador sin título en India?
Si necesita admitir IE 9 y / o versiones anteriores de iOS Safari y el navegador de Android, incluya los prefijos del navegador:
img {
-ms-transform: rotar (90 grados);
–webkit-transform: rotar (90 grados);
transformar: rotar (90 grados);
}
También puede usar el método de escala para voltear, o flop e imagen. Escalar una imagen negativamente en el eje x la volteará (hacer una imagen espejo), escalar en el eje y la volcará al revés.
/ * flop o imagen reflejada * /
transformar: escala (-1, 1);
/ * voltear al revés * /
transformar: escala (1, -1);