CSS3 rotation-point Property
Example
Rotate the h1 element 180 degrees (from top to bottom):
h1
{
rotation-point:50% 50%;
rotation:180deg;
}
Browser Support
Currently, no browsers support the rotation-point property.
Property Definition and Usage
The rotation-point property is a pair of values that define the point offset from the top left border edge.
Tip: The rotation-point property needs to be used in conjunction with the rotation property.
| Default value: | 0 |
|---|---|
| Inherited: | no |
| --- | --- |
| Version: | CSS3 |
| --- | --- |
| JavaScript syntax: | object.style.rotation="180deg" |
| --- | --- |
Syntax
rotation-point: value;
| Value | Description |
|---|---|
| left top<br>left center<br>left bottom<br>right top<br>right center<br>right bottom<br>center top<br>center center<br>center bottom | If only one keyword is specified, the second value will be "center". |
| x% y% | Percentage values, relative to the border box width and height. |