CSSTransformaciones 3D


Observaciones

Sistema coordinado

Las transformaciones 3D se realizan de acuerdo con un sistema de vectores de coordenadas (x, y, z) en el espacio euclidiano .

La siguiente imagen muestra un ejemplo de coordenadas en el espacio euclidiano:

Espacio euclidiano

En CSS,

  • El eje x representa la horizontal (izquierda y derecha)
  • El eje y representa la vertical (arriba y abajo)
  • El eje z representa la profundidad (adelante y atrás / más cerca y más lejos)

La siguiente imagen muestra cómo se traducen estas coordenadas en CSS:

Sistema de coordenadas CSS 3D

Transformaciones 3D Ejemplos relacionados