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

Для разворота картинки (поворота на 180 градусов) в CSS можно использовать свойство transform с функцией rotate() и значением 180deg.

Пример CSS-кода:

img {
    transform: rotate(180deg);
}

Этот код поворачивает картинку на 180 градусов по часовой стрелке.

Для поворота в другом направлении можно использовать отрицательное значение угла поворота:

img {
    transform: rotate(-90deg);
}

Этот код повернет картинку на 90 градусов против часовой стрелки.

Также можно использовать свойство transform вместе с другими функциями, например, для изменения масштаба картинки:

img {
    transform: rotate(180deg) scale(1.5);
}

Этот код развернет картинку на 180 градусов и увеличит ее масштаб в 1.5 раза.

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