CSSTransformations 3D


Remarques

Système de coordonnées

Les transformations 3D sont effectuées selon un système de vecteurs de coordonnées (x, y, z) dans l' espace euclidien .

L'image suivante montre un exemple de coordonnées dans l'espace euclidien:

Espace euclidien

En CSS,

  • L'axe des x représente l'horizontale (gauche et droite)
  • L'axe des y représente la verticale (haut et bas)
  • L'axe z représente la profondeur (avant et arrière / plus proche et plus loin)

L'image suivante montre comment ces coordonnées sont traduites en CSS:

Système de coordonnées CSS 3D

Transformations 3D Exemples Liés