Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

SEO-продвижение сайта в ТОП поисковых систем. Рост позиций в первый месяц. Закажите услугу в Lion Digital. Ваш надежный партнер в интернет-маркетинге.

от 25000 

Настройка и сопровождение рекламного кабинета Яндекс Директ.

от 14000 

Услуги веб дизайна под ключ.

от 29500 

Как сделать затемнение фона в css

Для того, чтобы создать затемнение фона в CSS, можно использовать свойство background-color с некоторым значением прозрачности. Например, чтобы добавить затемнение фона на 50%, можно использовать следующий CSS-код:

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

В этом примере мы создали псевдоэлемент ::before и устанавливаем для него свойства position: fixed;top: 0;left: 0;width: 100%;height: 100%;, чтобы он охватывал всю область экрана.

Затем мы задали цвет фона с помощью свойства background-color. Значение rgba(0, 0, 0, 0.5) означает черный цвет (0, 0, 0) с прозрачностью 50% (0.5). Меняя эту прозрачность, можно регулировать уровень затемнения.

Наконец, мы задали z-index: -1;, чтобы псевдоэлемент оставался под всем остальным контентом на странице.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.