home chevron_right
Вращение (transform-rotate)

Вращение (transform-rotate)link

transform-rotate поворачивает элемент на заданный угол.

Классыlink

Класс Значение
.rotate-0 transform: rotate(0deg)
.rotate-1 transform: rotate(1deg)
.rotate-2 transform: rotate(2deg)
.rotate-3 transform: rotate(3deg)
.rotate-5 transform: rotate(5deg)
.rotate-15 transform: rotate(15deg)
.rotate-45 transform: rotate(45deg)
.rotate-90 transform: rotate(90deg)
.rotate-180 transform: rotate(180deg)

Синтаксисlink

  • rotate-{value}
  • hover:rotate-{value}

Где value: 0, 1, 2, 3, 5, 15, 45, 90, 180.

Playgroundlink