CSS 3D Transform

CSS 3D Transform is used to change the structure of an element using 3D transformations. The elements are rotated along X-axis, Y-axis and Z-axis in 3D Transform. Here are some common values which are used in 3D transforms:

• rotateX()
• rotateY()
• rotateZ()

The rotateX() Method

The rotateX() method is used to rotate an elements around X-axis at a given degree.

Example:

The rotateY() Method

The rotateY() method is used to rotate an elements around Y-axis at a given degree.

Example:

The rotateZ() Method

The rotateZ() method is used to rotate an elements around Z-axis at a given degree.

Example: