CSSRotate: x property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Want more browser support for this feature? Tell us why.
Note: This feature is available in Web Workers.
The x property of the CSSRotate interface represents the x-coordinate of the vector denoting the axis of rotation.
Value
A CSSNumericValue. If set to a number, this is wrapped in a CSSUnitValue of unit: "number".
Examples
Reading and setting the rotation axis
js
const rotate = new CSSRotate(1, 1, 0, CSS.deg(45));
console.log(rotate.x.value); // 1
rotate.x = 0;
console.log(rotate.x); // CSSUnitValue {value: 0, unit: "number"}
Specifications
| Specification |
|---|
| CSS Typed OM Level 1 # dom-cssrotate-x |