пример
Набор размещения базового повернутый элемента:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Попробуй сам " Определение и использование
Свойство transformOrigin позволяет изменить положение на преобразованных элементов.
2D трансформировали элемент может изменить х- и у-оси элемента. 3D трансформировали элемент также может изменить Z-оси элемента.
Note: Это свойство должно быть использовано вместе с преобразованием собственности.
Поддержка браузеров
Свойство transformOrigin поддерживается в Internet Explorer 10, Firefox и Opera.
Internet Explorer 9 поддерживает альтернативный, свойство msTransformOrigin, но только для 2D-преобразований.
Chrome, Safari и Opera поддерживают альтернативу, свойство WebkitTransformOrigin, как для 2D- и 3D-transfoms.
Синтаксис
Возвращает свойство transformOrigin:
object .style.transformOrigin Установите свойство transformOrigin:
object .style.transformOrigin=" Значения свойств Стоимость Описание x-axis Определение, где вид помещается на оси х. Возможные значения: - оставил
- центр
- правильно
- length
- %
y-axis Определение, где вид помещается на оси у. Возможные значения: - Вверх
- центр
- дно
- length
- %
z-axis Определение , где вид помещается на оси (for 3D transforms) - (for 3D transforms) . Возможные значения: - length
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: 50% 50% 0 Возвращаемое значение: Строка, представляющая свойство преобразования-происхождение элемента CSS версия CSS3
Похожие страницы
JavaScript Стиль объект: transform property
Ссылка CSS: transform-origin property
<Style Object