CSS3 rotation-point Property


Rotate h1 elements 180 degrees (upside down):

rotation-point:50% 50%;

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

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

CSS 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


Color Picker