Свойство -moz-transform-origin | назначение, допустимые значения, примеры

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

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

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

• — абсолютное значение расстояния от левого верхнего угла элемента до координат центра трансформации.
• — расстояние от левого верхнего угла элемента до координаты центра трансформации в процентах от размера элемента (координата по оси x вычисляется в процентах от ширины элемента, а координата по оси y — от высоты)
• left — координата по оси x равна 0 (трансформация по оси x происходит относительно левой стороны элемента)
• right— координата по оси x равна 100% или ширине элемента (трансформация по оси x происходит относительно правой стороны элемента)
• top— координата по оси y равна 0 (трансформация по оси y происходит относительно верхней стороны элемента)
• bottom — координата по оси y равна 100% (трансформация по оси y происходит относительно нижней стороны элемента)
• center — координата по оси x равна 50% (трансформация по оси x происходит относительно центра элемента). Если перед этим значением идет значение left или right, задает координату по оси y равную 50%. Если после этого значения идет значение top или bottom, задает координату по оси x равную 50%. Если эти константы отсутствуют, задает значение равное 50% по обеим осям

Пример

Заметки

В спецификации CSS3 есть аналогичное свойство transform-origin.

По теме

• Вендорные префиксы. Что это?
• CSS свойство -o-transform-origin
• CSS свойство -webkit-transform-origin
• CSS свойство -ms-transform-origin
• CSS свойство transform
• Фильтр Matrix
• CSS свойство -o-transform
• CSS свойство -moz-transform
• CSS свойство -webkit-transform
• CSS свойство -ms-transform
• CSS свойство backface-visibility
• CSS свойство -webkit-backface-visibility
• CSS свойство perspective
• CSS свойство -webkit-perspective
• CSS свойство transform-style
• CSS свойство -webkit-transform-style