CSS 3D Transforms

CSS 3D Transforms

CSS also supports 3D transforms.

rotateX()

The rotateX() method rotates an element around its X-axis at a given degree.

rotateY()

The rotateY() method rotates an element around its Y-axis at a given degree.

rotateZ()

The rotateZ() method rotates an element around its Z-axis at a given degree.

div {
  transform: rotateX(150deg);
  transform: rotateY(150deg);
  transform: rotateZ(90deg);
}