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:
xaxis represents the horizontal (left and right)
yaxis represents the vertical (up and down)
zaxis represents the depth (forward and backward/closer and further)
The following image shows how these coordinates are translated in CSS: