-webkit-transform-origin-y

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

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

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

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

Пример

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

Заметки

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

По теме