@krainoff99

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

Как сделать такое затемнение ?
2f5d91fadc844a87a7615d2d0636668f.png
  • Вопрос задан
  • 1206 просмотров
Пригласить эксперта
Ответы на вопрос 2
fnnzzz
@fnnzzz
front-end dev
просто указываете 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)
   }
Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Либо background-color либо полупрозрачный box-shadow, если это затемнение происходит при активной панели с меню.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы