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.

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

See also

Related pages

Attributions