CSS3 rotation-pointProperty
Example
Rotate the h1 element 180 degrees (from top to bottom): <p>
h1
{
rotation-point:50% 50%;
rotation:180deg;
}
Try it Yourself »
Browser Support
Currently no browser supports the rotation-point property.
Attribute definition and usage instructions
The rotation-point property is a pair of values that defines the point offset from the top-left border edge.
Tip:The rotation-point property needs to be used withrotationUse attributes in combination.
| Default value: | 0 |
|---|---|
| Inherited: | no |
| version: | CSS3 |
| JavaScript Syntax: | object.style.rotation="180deg" |
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 only one keyword is specified, the second value will be "center". |
| x% y% | Percentage values refer to the width and height of the border box. |