8.23.1. Example ¶
Set the h1 element rotates 180 degrees (from top to bottom):
h1{rotation-point:50%50%;rotation:180deg;}
Browser support ¶
There is currently no browser support rotation-point property.
Attribute definition and usage instructions ¶
rotation-point property is a pair of values that define the point offsetfrom the edge of the upper-left border.
Tip: rotation-point property needs to be the same as rotation property is used in conjunction with the
Default value: | 0 |
|---|---|
Inheritance: | No |
Version: | CSS3 |
JavaScript syntax: | object.style.rotation=”180deg” |
Grammar ¶
rotation-point: value;
Value | Description |
|---|---|
Left top left center left bottom right top right center right bottom center top center center center bottom | If only one keyword is specified, the second value will be “center”. |
X% y% | Percentage value, reference border box width and height. |