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.
new CSSRotate(x, y, z, angle)
xA 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.
yA 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.
zA 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.
angleA value for the angle of the CSSRotate object to be constructed. This must be a CSSNumericValue.
TypeErrorRaised 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> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
CSSRotate |
66 | 79 | No | 53 | 16.4 | 66 | No | 47 | 16.4 | 9.0 | 66 | 16.4 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSRotate/CSSRotate