УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

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


CSS Справочник Полный CSS Справочник

Пример

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

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

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

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

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


Определение и Использование

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

Совет: Свойство rotation-point используется в связке со свойством rotation.

Значение по умолчанию: 50% 50%
Наследуется: нет
Версия: CSS3
JavaScript синтаксис: объект.style.rotationPoint="25% 25%"


Синтаксис

rotation-point: значение;

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


CSS Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS