Как повернуть картинку в CSS

Для повота картинки в CSS можно использовать свойство transform с функцией rotate. Например, чтобы повернуть картинку на 45 градусов по часовой стрелке, нужно добавить следующее правило:

img {
  transform: rotate(45deg);
}

Можно также использовать значения в градусах, радианах или градусах/минутах/секундах. Например:

img {
  transform: rotate(0.5turn); /* поворот на 180 градусов */
  transform: rotate(1.5708rad); /* поворот на 90 градусов */
  transform: rotate(90deg 20% 30%); /* поворот на 90 градусов с точкой вращения в 20% от ширины и 30% от высоты */
}