We use cookies to improve your experience. Learn more in our Privacy policy.
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-origin | 36 | 12 | 16 | 10 | 23 | 9 |
support_in_svg | 19 | 17 | 43 | 15 | 6 | |
three_value_syntax | 12 | 12 | 10 | 9 | 15 | 5 |