This page is Ready to Use

Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

rotateX()

Summary

Rotates an element around its X-axis at a given degree.

Examples

The following code snippet is an example of the rotateX function in use as applied to a square blue div element along with the perspective function (which simulates depth).

div {
  transform: perspective(500px) rotateX(45deg);
}

Notes

Remarks

The rotateX transform function is the same as rotate3d(1, 0, 0, <angle>).

Syntax

rotateX ( <angle> )

Parameters

angle
The angle by which to rotate the element about the x-axis. This value is expressed as a number followed by a supported angle unit.

Standards information

See also

Related pages

Attributions