ПИРАТСКАЯ ФЕРМА
Топ ТБ 2023
KATSTAT.RU-ТОП РЕЙТИНГ САЙТОВ С ОТДАЧЕЙ
?IGRU6EK.RU - ПОРТАЛ БРАУЗЕРНЫХ ИГР ?
www.Add.Az WEB MASTER PLATFORMA, FORUM
Сервис хранения и передачи файлов
WorldByte - Наш хостинг - партнер

Топ дня: Лейтенант [!]

Есть 2 блока, для каждого блока прописан box-shadow: 0 0 20px rgb(128 128 128 / 20% );, но ниже стоящие блоки, делают тень поверх выше стоящего блока.

Сам код:
.block {
background-color: var(--color-white);
padding: 10px 20px;
color: rgb(51, 77, 110);
position: relative;
z-index: 0;
}
.block:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
box-shadow: 0 0 20px rgb(128 128 128 / 20% );
z-index: -1;
}

Изображение

------
84283_IMG_20221030_162030_417.jpg (1.4 Kb)
Скачиваний: 79

________
посл. ред. 30.10.2022 в 13:20; всего 2 раз(а); by Ржавый