The translate3d() function is a 3D transform function that is used to move an element in three-dimensional space. 3912y

It is the three-dimensional equivalent of the percentage. Not including a unit type will cause the number to be interpreted as a “ unit”.

Positive translation values will move the element along the positive direction of the axis, and negative values will move it in the opposite direction.

Examples:

                  transform: translate3d(100px, 100px, -200px);
                  transform: translate3d(50%, -100%, 10%);
                  transform: translate3d(-100px, -30px, 50px);
                

The official syntax looks as follows:

transform: translate3d( tx , ty, tz);
                

For a better understanding of the transform functions, please refer to the transform entry.