Как затемнить фон в CSS

Чтобы затемнить фон в CSS, можно использовать свойство background-color и задать ему значение rgba(0, 0, 0, 0.5), где 0.5 — это прозрачность фона. Например:

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

Также можно использовать псевдоэлемент ::before или ::after и задать ему абсолютное позиционирование, ширину и высоту в 100%, а также задать фон с нужной прозрачностью. Например:

body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}