Проблема
Нередко возникает необходимость затемнить все содержимое позади элемента с помощью полупрозрачной темной подложки, для того чтобы подчеркнуть данный элемент пользовательского интерфейса и привлечь к нему внимание пользователя. Например, этот эффект часто используется для создания «световых коробов» или лайтбоксов и «экскурсий» по интерфейсу. В самой распространенной технике реализации роль затемняющего занавеса играет новый элемент HTML, к которому применено немного стилизации CSS, как в следующем фрагменте кода:
.overlay { /* Для затемнения */
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,.8);
}
.lightbox { /* Элемент, к которому мы хотим привлечь внимание */
position: absolute;
z-index: 1;
/* [остальные стили] */
}
Это интересно
0
|
|||
Последние откомментированные темы:
-
Как отключить уведомления от Сбербанк за 60 рублей через приложение Сбербанк онлайн и ещё 5 методов!
(1)
Snut
,
15.02.2022
-
Онлайн переводчик речи в реальном времени с любого языка
(2)
SergiSan
,
24.01.2022
-
Что такое Cтереолитографические фотополимерные 3D принтеры
(1)
Uriiy
,
04.11.2021
-
Программа для создания виртуальных машин
(1)
Yuri1234
,
04.08.2021
-
Мощный фоторедактор, позволяющий быстро и качественно улучшать любые снимки
(1)
fantoMasin
,
15.05.2021
20251126104129