transform-origin

The transform-origin property specifies the origin point of transforms.

Formal Syntax

[ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [ [ center | left | right ] && [ center | top | bottom ] ] <length>?

Initial value

50% 50%

Applies to

transformable elements

Inherited

no

Percentages

refer to the size of reference box

Computed value

see background-position

Animation type

by computed value

See specification

JavaScript Access

// Access via element.style
element.style.transformOrigin = '50% 50%';