Definition and Usage
The rotation property rotates a block-level element counterclockwise around a given point defined by the rotation-point property.
Tip: The border, padding, content, and backgrounds (that are not fixed) are also rotated
Default value: | 0 |
---|---|
Inherited: | no |
Version: | CSS3 |
JavaScript syntax: | object.style.rotation="180deg" |
Syntax
rotation: angle;
Values
Value | Description |
---|---|
angle | The rotation of the element. Possible values: 0deg to 360deg |
Examples
h1 { rotation-point:50% 50%; rotation:180deg; }