CSS rotation Property
Example
Rotate h1 elements 180 degrees (upside down):
h1
{
rotation-point:50% 50%;
rotation:180deg;
}
Try it Yourself »
Browser Support
The rotation property is not supported in any of the major browsers.
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" |
CSS Syntax
rotation: angle;
| Value | Description |
|---|---|
| angle | The rotation of the element. Possible values: 0deg to 360deg |
