Loading...
(x)HTML/WML/CSS | Box-shadow перекрывает блоки
Есть 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)
Скачиваний: 176

________
посл. ред. 30.10.2022 в 13:20; всего 2 раз(а); by Ржавый
Онлайн: 2
Время:
Gen. 0.0533
(c) ByMAS.RU 2010-2025