CSS 3D Transforms
Remarks
Coordinate system
3D transforms are made according to an (x, y, z) coordinate vector system in Euclidean space.
The following image shows an example of coordinates in Euclidean space:
In CSS,
- The
xaxis represents the horizontal (left and right) - The
yaxis represents the vertical (up and down) - The
zaxis represents the depth (forward and backward/closer and further)
The following image shows how these coordinates are translated in CSS:
