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
Explorer Edge Chrome Firefox Opera Safari
??????
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
??????