Как повернуть картинку в 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% от высоты */
}
реклама

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

реклама

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

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

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

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

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

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