rotate()

Оновлено: 16.01.2023

rotate()

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

rotate(α) відповідає rotateZ(α).

Синтаксис

transform: rotate(<кут>);

Значення

Див. кут.
Позитивне значення повертає елемент на заданий кут за годинниковою стрілкою, негативне значення повертає елемент проти годинникової стрілки.

Приклад

У цьому прикладі під час наведення покажчика на картинку вона робить повний оберт за годинниковою стрілкою. Щойно покажчик прибирається, картинка обертається назад у вихідне положення.

Браузери

rotate

Переглянути сумісність з Can I use?

rotate