Справочник CSS

Поэтапное создание собственного сайта с нуля


Описание


transform-origin - изменение позиции трансформированных объектов относительно точки отсчёта.


CSS 1 / CSS 2 / CSS 2.1 / CSS 3

Префиксы для отображения в браузерах:

для Chrome и Safari -webkit-transform-origin
для Opera -o-transform-origin
для Firefox -moz-transform-origin
для Internet Explorer 9 -ms-transform-origin


Значения

transform-origin: X / Y / Z /

Запись

transform-origin: X - Положение объекта по оси Х. (left,center,right,%)
transform-origin: Y - Положение объекта по оси Y.(top,center,bottom,%)
transform-origin: Z - Положение объекта по оси Z.(значение)

Значение по умолчанию - 50% 50% 0.

Пример



Внешний вид










Новые Технологии



Наверх