rotateX()

Обновлено: 16.01.2023

rotateX()

Функция rotateX(α) поворачивает элемент вокруг оси X на заданный угол α.

rotateX(α) соответствует rotate3d(1, 0, 0, α).

Синтаксис

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

Значения

См. угол.

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

Пример

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

Браузеры

rotateX

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

rotateX