transform-origin

The transform-origin CSS property sets the origin for an element's transformations.

Example

Initial value 50% 50% 0
Applies to transformable elements

Syntax

  
transform-origin: top right;
  

Values

Is a or a describing how far from the left edge of the box the origin of the transform is set.
Is one of the left, right, top, bottom, or center keyword describing the corresponding offset.
Is a or a describing how far from the top edge of the box the origin of the transform is set.
Is one of the left, right, or center keyword describing how far from the left edge of the box the origin of the transform is set.
Is one of the top, bottom, or center keyword describing how far from the top edge of the box the origin of the transform is set.
Is a (and never a which would make the statement invalid) describing how far from the user eye the z=0 origin is set.

Browser support

transform-origin36121610239
support_in_svg191743156
three_value_syntax1212109155

We use cookies to improve your experience. Learn more in our Privacy policy.

×