Как затемнить 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% */
}