仅在一侧插入box-shadow ?

Question

所以我现在正试图让我的英雄部分图像模糊到下面的这些类:

.hero-section {
height: 100vh;
background-image: url("../../assets/Images/governance.png");
background-size: cover;
background-repeat: no-repeat;
box-shadow: 0 0 30px 40px #232323 inset;
margin-bottom: 10rem;
}

我该如何改变方框阴影，让它只在底部模糊，有什么想法吗?

干杯!

Answer 1

您传入的前两个值是X, Y坐标。例如，如果你想在底部插入你可以在Y轴上使用-1px

box-shadow: -1px 0 3px 3px black inset;

你会在y轴上为顶部做一个正值。左X轴为负值，右X轴为正值。