CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS3 rotation-point Property
Example
Rotate h1 elements 180 degrees (upside down):
h1
{
rotation-point:50% 50%;
rotation:180deg;
}
{
rotation-point:50% 50%;
rotation:180deg;
}
Try it yourself »
Browser Support
The rotation-point property is not supported in any of the major browsers.
Definition and Usage
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%" |
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 you only specify one keyword, the second value will be "center" |
| x% y% | Percentages refer to the width and height of the border box |
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
