CSS3 rotation-point attribute
Example
Set the h1 element rotates 180 degrees (from top to bottom): <p>
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. |