-webkit-transform-origin-x

Свойство -webkit-transform-origin-x задает координату x центра трансформации.

Элемент можно передвигать, масштабировать, поворачивать и наклонять относительно центра трансформации с заданными координатами.

Допустимые значения

  • <значение> — абсолютное значение расстояния от левого края элемента до координаты центра трансформации.
  • <процент> — расстояние от левого края элемента до координаты центра трансформации в процентах от ширины элемента
  • left — координата по оси x равна 0
  • right— координата по оси x равна 100% или ширине элемента
  • center — координата по оси x равна 50%
Значение по умолчанию 50%
Применимо к блочным и строчным элементам
Наследование нет
Поддерживается браузерами
  • Safari 3.1 и выше
  • Chrome 1.0 и выше

Пример

CSS
div {
width:100px;
height:50px;
-webkit-transform:scale(1.5, 3);
-webkit-transform-origin-x:5px;
}

Заметки

Чтобы отдельно задать координату у для центра трансформации можно использовать свойство -webkit-transform-origin-y.

По теме