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;
}
