rotateZ()

Summary

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

Examples

The following code snippet is an example of the rotateZ function in use as applied to a square blue div element.

div {
  transform: rotateZ(45deg);
}

Notes

Remarks

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

Syntax

rotateZ ( <angle> )

Parameters

angle

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

Standards information

• CSS Transforms Module, Level 3, Section 13.2

See also

Related pages

• Transform Functions
• Mathematical Description of Transform FunctionsMathematical Description of Transform Functions
• Direct3D: Matrices
• Hands On: 3-D TransformsHands On: 3-D Transforms

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]