rotation-point property CSS Reference

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:"25% 25%"


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


h1 {
    rotation-point:50% 50%;

Relative articles