CSS 3D Transforms

New

Authors

  • Evan Sell
  • Robert Colvin

CSS allows you to format your elements using 3D transformations.

Rotate X( ) Method

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

Mercer Bear
Mercer Bear

Rotate Y( ) Method

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

Mercer Bear Statue
Mercer Bear Statue

Rotate Z ( ) Method

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

Mercer Bear Logo
Mercer Bear Logo

Note: Internet Explorer 9 (and earlier versions) does not support the rotateX() method.