(x)HTML/WML/CSS | Box-shadow перекрывает блоки
Yotun
Есть 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)
Скачиваний: 153
________
посл. ред. 30.10.2022 в 13:20; всего 2 раз(а); by Ржавый
Сам код:
.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) Скачиваний: 153
________
посл. ред. 30.10.2022 в 13:20; всего 2 раз(а); by Ржавый
