rotateX()

< css‎ | functions
Jump to: navigation, search

rotateX()

This article is Ready to Use.

W3C Working Draft

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).

CSS

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 (MSDN)

Attribution

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]