Поворот изображения CSS

Чтобы повернуть картинку необходимо применить свойство transform с функцией rotate(), внутри которой нужно указать угол поворота. Для примера ниже показаны различные варианты поворота изображения.

Картинке можно задать разный угол поворота с помощью генератора поворота элемента CSS, и скопировать уже готовый код.

Исходное изображение

transform: rotate(90deg);

transform: rotate(180deg);

transform: rotate(-90deg);

На примере показан поворот картинки на 45 градусов.

Пример

HTML

<img src="image.jpg" alt=""/>
<img src="image.jpg" alt="" class="rotate-right"/>
      

CSS

.rotate-right {
    transform: rotate(45deg);
}