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

Чтобы повернуть фоновое изображение с помощью CSS, используйте свойство «transform» с функцией «rotate»:

body {
  background-image: url("your-image.png");
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(90deg);
}

В этом примере изображение повернется на 90 градусов. Вы можете изменить значение функции «rotate» в зависимости от того, насколько вы хотите повернуть изображение. Важно, чтобы вы установили свойство «background-repeat» в «no-repeat», чтобы изображение не повторялось. Свойство «background-size» можно установить в «cover», чтобы изображение занимало всю доступную область.

реклама

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

реклама

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

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

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

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

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

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