CSS3 rotation-pointСвойство


Пример

Поверните элемент h1 на 180 градусов (сверху вниз): <p>

h1 { rotation-point:50% 50%; rotation:180deg; }

Попробуйте сами »


Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

В настоящее время ни один браузер не поддерживает свойство rotation-point.


Определение атрибута и инструкции по использованию

Свойство rotation-point — это пара значений, определяющая смещение точки от верхнего левого края границы.

Совет:Свойство rotation-point нужно использовать вместе сrotation. Используйте атрибуты в комбинации.

Значение по умолчанию: 0
Наследуется: нет
версия: CSS3
Синтаксис JavaScript: object.style.rotation="180deg"


Синтаксис

rotation-point: value;

Значение Описание
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom
Если указано только одно ключевое слово, вторым значением будет "center".
x% y% Значения в процентах относятся к ширине и высоте border box.
Другие расширения