-webkit-transform-origin-z

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

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

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

  • <значение> — абсолютное значение расстояния от плоскости элемента до координаты центра трансформации.
  • <процент> — расстояние от плоскости элемента до координаты центра трансформации в процентах
Значение по умолчанию 0
Применимо к блочным и строчным элементам
Наследование нет
Поддерживается браузерами
  • Safari 4.0.3/Mac OS X и выше, и с Safari 5/Win и выше

Пример

CSS
div {
width:100px;
height:50px;
-webkit-transform:rotate3d(0, 0, -1, 170deg) skale(1,5 3) skewX(15deg);
-webkit-transform-origin-z:100px;
}

Заметки

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

По теме