css.properties

transform-origin

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

Formal Syntax

transform-origin = [ 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>? <length-percentage> = [ <length> | <percentage> ]

See specification

JavaScript Access

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

Browser Support

standard | MDN ยท Spec

FeatureChromeFirefoxSafariEdge
transform-origin3616912
bottom13.5212
center13.5212
left13.5212
right13.5212
svg_elements1943617
three_value_syntax1210512
top13.5212

Related Properties