CSS rotation-point Property
Example
Rotate h1 elements 180 degrees (upside down):
h1
{
rotation-point:50% 50%;
rotation:180deg;
}
Try it Yourself »
Browser Support
The rotation-point property is not supported in any of the major browsers.
Definition and Usage
The rotation-point property is a pair of values that defines a point as an offset from the top left border edge.
Tip: The rotation-point property is used in conjunction with the rotation property.
| Default value: | 50% 50% |
|---|---|
| Inherited: | no |
| Version: | CSS3 |
| JavaScript syntax: | object.style.rotationPoint="25% 25%" |
CSS Syntax
rotation-point: value;
| Value | Description |
|---|---|
| left top left center left bottom right top right center right bottom center top center center center bottom |
If you only specify one keyword, the second value will be "center" |
| x% y% | Percentages refer to the width and height of the border box |
