rotateZ()

< css‎ | functions
Jump to: navigation, search


Examples

The following code snippet is an example of the rotateZ function in use. When applied to a square blue div element, it has the effect illustrated in the image. (The light-blue square indicates the original position of the transformed 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 articles

Transforms










































  • css/functions/rotateZ()









… further results


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]