CSSRotate: CSSRotate() constructor

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

Syntax

js
new CSSRotate(x, y, z, angle)

Parameters

x

A value for the x-axis of the CSSRotate object to be constructed. This must either be a double integer or a CSSNumericValue.

y

A value for the y-axis of the CSSRotate object to be constructed. This must either be a double integer or a CSSNumericValue.

z

A value for the z-axis of the CSSRotate object to be constructed. This must either be a double integer or a CSSNumericValue.

angle

A value for the angle of the CSSRotate object to be constructed. This must be a CSSNumericValue.

Exceptions

TypeError

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

Examples

To do

Specifications

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

Browser compatibility

Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
CSSRotate() constructor