Свойство -webkit-transform-origin-z
Последнее обновление: 22.04.2011
Свойство -webkit-transform-origin-z задает координату z центра трансформации.
Элемент можно передвигать, масштабировать, поворачивать и наклонять относительно центра трансформации с заданными координатами.
Допустимые значения
- — абсолютное значение расстояния от плоскости элемента до координаты центра трансформации.
- — расстояние от плоскости элемента до координаты центра трансформации в процентах
| Значение по умолчанию | 0 |
|---|---|
| Применимо | к блочным и строчным элементам |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
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.
По теме
- Вендорные префиксы. Что это?
- CSS свойство transform
- CSS свойство -moz-transform
- CSS свойство -ms-transform
- CSS свойство -o-transform
- CSS свойство -webkit-transform
- CSS свойство transform-origin
- CSS свойство -o-transform-origin
- CSS свойство -moz-transform-origin
- CSS свойство -ms-transform-origin
- CSS свойство -webkit-transform-origin
- CSS свойство perspective
- CSS свойство -webkit-perspective
- CSS свойство perspective-origin
- CSS свойство -webkit-perspective-origin
- CSS свойство transform-style
- CSS свойство -webkit-transform-style
- CSS свойство backface-visibility
- CSS свойство -webkit-backface-visibility
Показать комментарии