The rotateX() function is used to rotate an element about the x-axis in three-dimensional space. 345q18

It is equivalent to:

transform: rotate3d(1, 0, 0, <angle>);
                

Where rotate3d() is the transformation function used to rotate an element in the three-dimensional space.

It takes an transform entry for a visual representation of the clockwise direction along the x-axis.

Examples:

transform: rotateX(30deg);
transform: rotateX(-135deg);
transform: rotateX(90deg);
                

The following image shows the result of applying rotateX(50deg) and rotateX(-50deg) on an image:

The official syntax looks as follows:

transform: rotateX(<angle>);
                

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