CSS rotation-point Property
Description
The rotation-point property is a pair of values that defines a point as an offset from the top left border edge. Percentages refer to the width and height of the border box.
- Initial value
- 50% 50%
- Applies to
- Block-level elements
- Inherited
- No
- Media
- Visual
- Computed value
- For [length] the absolute value, otherwise a percentage
- Animatable
- No
- CSS Version
- CSS3
- JavaScript syntax
- object.style.rotationPoint
Syntax
Formal syntax: <bg-position> rotation-point: 25% 75%;
Values
- <bg-position>
Example
.class {
rotation-point: 25% 75%;
}Browser Support
| Desktop | |||||
 |
 |
 |
 |
 |
 |
| ? | ? | ? | ? | ? | ? |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| ? | ? | ? | ? | ? | ? |