Recomendaciones de cursos:

Función rotateY() CSS

Definición y uso rotateY() CSS

rotateY() La función define la rotación 3D del elemento alrededor del eje y (dirección vertical). transform Usado en la propiedad.

Ejemplo

Ejemplo 1

Usar rotateY() Gira varios elementos <div> alrededor del eje y (dirección vertical):

#myDiv1 {
  transform: rotateY(40deg);
}
#myDiv2 {
  transform: rotateY(60deg);
}
#myDiv3 {
  transform: rotateY(80deg);
}

Prueba por ti mismo

Ejemplo 2

Usar rotateY() Gira la imagen alrededor del eje y (dirección vertical):

#img1 {
  transform: rotateY(40deg);
}
#img2 {
  transform: rotateY(60deg);
}
#img3 {
  transform: rotateY(80deg);
}

Prueba por ti mismo

Sintaxis CSS

rotateY(ángulo)
Valor Descripción
ángulo

Requerido. Especificar el ángulo de rotación. Las unidades posibles son:

  • deg (grado)
  • rad (radián)
  • turn (círculo)

Detalles técnicos

Versión: Módulo de Transformaciones CSS Nivel 2

Compatibilidad del navegador

Los números en la tabla representan la versión del navegador que primero admitió esta función.

Chrome Edge Firefox Safari Opera
12 12 10 4 15

Páginas relacionadas

Tutoriales:Transformaciones 3D CSS

Referencia:Atributo transform de CSS

Referencia:Atributo CSS rotate

Referencia:Función rotate() de CSS

Referencia:Función rotate3d() de CSS

Referencia:Función rotateX() de CSS

Referencia:Función rotateZ() de CSS