ExampleRotate h1 elements 180 degrees (upside down):
Try it yourself » |
The rotation-point property is not supported in any of the major browsers.
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%" |
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 |