TransformOrigin

Представляет собой точку начала, в которой применяются преобразования (,Scale,, ,Translate,и ,Rotate,).

По умолчанию transform-origin устанавливается в процентах относительно размера элемента. Например, 50% 50% устанавливает начало элемента в центре элемента. Эти проценты рассчитываются на основе размера макета элемента (resolvedStyle.height и resolvedStyle.width). Вы также можете указать transform-origin в пикселях. Основа определяется на основе локальной системы координат элемента, где верхний левый угол считается точкой начала (0,0) независимо от того, используете ли вы проценты или пиксели. Отрицательные значения и значения больше 100% являются действительными и перемещают transform-origin за пределы элемента.