CSS property: -webkit-transform-origin


Sets the origin for the -webkit-transform property.

The -webkit-transform-origin property establishes the origin for transforms applied to an element with respect to its border box.

The values may be expressed either as a CSS length unit or as a percentage of the element’s size. For example, a value of 50% 50% causes transformations to occur around the element’s center. Changing the origin to 100% 0% causes transformation to occur around the top-right corner of the element. The default value is 50% 50%.

If only one argument is provided, it is interpreted as the horizontal position.


-webkit-transform-origin: posx;

-webkit-transform-origin: posx posy;



The x origin as a percentage or value.


The y origin as a percentage or value.