Свойство -webkit-transform-origin-x

Последнее обновление: 22.04.2011

Свойство -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.

По теме

Показать комментарии