rotate()

Обновлено: 31.05.2022

rotate()

Функция rotate(α) поворачивает элемент в двумерном пространстве вокруг точки вращения на заданный угол α. Точка вращения по умолчанию располагается в центре элемента и может быть изменена с помощью свойства transform-origin.

rotate(α) соответствует rotateZ(α).

Синтаксис

transform: rotate(<угол>);

Значения

См. угол.
Положительное значение поворачивает элемент на заданный угол по часовой стрелке, отрицательное значение поворачивает элемент против часовой стрелки.

Пример

В данном примере при наведении указателя на картинку она делает полный оборот по часовой стрелке. Как только укажатель убирается, картинка вращается обратно в исходное положение.

Браузеры

rotate

Посмотреть совместимость на Can I use?

rotate