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 aCSSNumericValue
. y
-
A value for the y-axis of the
CSSRotate
object to be constructed. This must either be a double integer or aCSSNumericValue
. z
-
A value for the z-axis of the
CSSRotate
object to be constructed. This must either be a double integer or aCSSNumericValue
. angle
-
A value for the angle of the
CSSRotate
object to be constructed. This must be aCSSNumericValue
.
Exceptions
TypeError
-
Raised if the value of
CSSRotate.angle
is not an <angle> value orCSSRotate.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