Как развернуть картинку 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 может повлиять на положение элемента на странице, поэтому может потребоваться дополнительная корректировка макета.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как развернуть картинку CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали