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

Question

[krainoff99]

Как сделать такое затемнение ?

Answer 1

[Vlad Feninets]

просто указываете background для вашего оверлея через rgba

например

.overlay {
  background: rgba(0, 0, 0, 0.5)
}

можете повесить его на псевдокласс, если не хотите добавлять новый node-элемент

body {
     position: relative;
  }

body::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.5)
   }

Answer 2

[Ankhena]

Либо background-color либо полупрозрачный box-shadow, если это затемнение происходит при активной панели с меню.