CSSRotate()

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Draft: This page is not complete.

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

Syntax

var CSSRotate = 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 2 (CSS Typed OM 2)
# dom-cssrotate-cssrotate
CSS Typed OM Level 2 (CSS Typed OM 2)
# dom-cssrotate-cssrotate-x-y-z-angle

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
CSSRotate
66
79
No
No
53
No
66
66
No
47
No
9.0

© 2005–2021 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