CSSRotate: CSSRotate() constructor

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

The CSSRotate() constructor creates a new CSSRotate object representing the rotate() value of the individual transform property in CSS.

Syntax

new CSSRotate(x, y, z, angle)

x: A value for the x-axis of the CSSRotate object to be constructed. This must either be a number (which is wrapped into a CSSUnitValue of unit: "number") or a CSSNumericValue.
y: A value for the y-axis of the CSSRotate object to be constructed. This must either be a number (which is wrapped into a CSSUnitValue of unit: "number") or a CSSNumericValue.
z: A value for the z-axis of the CSSRotate object to be constructed. This must either be a number (which is wrapped into a CSSUnitValue of unit: "number") or a CSSNumericValue.
angle: A value for the angle of the CSSRotate object to be constructed. This must be a CSSNumericValue.

TypeError: Raised if the value of CSSRotate.angle is not an <angle> value or CSSRotate.x, CSSRotate.y, CSSRotate.z are not <number> values.

To do

Specification
CSS Typed OM Level 1 # dom-cssrotate-cssrotate
CSS Typed OM Level 1 # dom-cssrotate-cssrotate-x-y-z-angle

This page was last modified on ⁨Jun 21, 2025⁩ by MDN contributors.