Как затемнить background CSS

Чтобы затемнить фон в CSS, можно использовать свойство background-color и задать ему значение rgba с непрозрачностью менее 1. Например:

body {
  background-color: rgba(0, 0, 0, 0.5);
}

В этом примере фон будет затемнен на 50% (последнее значение в rgba). Можно также использовать цветовые значения в формате HEX или названия цветов, например:

body {
  background-color: #00000080; /* затемнение на 50% */
}
body {
  background-color: black; /* затемнение на 100% */
  opacity: 0.5; /* прозрачность на 50% */
}
реклама

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

реклама

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

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

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

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

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

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