Свойство -webkit-transform-origin-y
Последнее обновление: 22.04.2011
Свойство -webkit-transform-origin-y задает координату y центра трансформации.
Элемент можно передвигать, масштабировать, поворачивать и наклонять относительно центра трансформации с заданными координатами.
Допустимые значения
- — абсолютное значение расстояния от верхнего края элемента до координаты центра трансформации.
- — расстояние от верхнего края элемента до координаты центра трансформации в процентах от высоты элемента
- top — координата по оси y равна 0
- bottom — координата по оси y равна 100% или ширине элемента
- center — координата по оси y равна 50%
| Значение по умолчанию | 50% |
|---|---|
| Применимо | к блочным и строчным элементам |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
CSS
div {
width:100px;
height:50px;
-webkit-transform:scale(1.5, 3);
-webkit-transform-origin-y:5px;
}
Заметки
Чтобы отдельно задать координату x для центра трансформации можно использовать свойство -webkit-transform-origin-x.
По теме
- Вендорные префиксы. Что это?
- CSS свойство -webkit-transform-origin-z
- CSS свойство transform
- CSS свойство -moz-transform
- CSS свойство -o-transform
- CSS свойство -ms-transform
- CSS свойство -webkit-transform
- CSS свойство transform-origin
- CSS свойство -o-transform-origin
- CSS свойство -moz-transform-origin
- CSS свойство -webkit-transform-origin
- CSS свойство -ms-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
Показать комментарии