是否可以使用box-shadow仅在一个侧面添加模糊效果?
我的目标是创建一个阴影,没有宽度,只在div的一个侧面上产生模糊效果。在我的例子中,我尝试将其应用于底部,但实际上侧面并不重要。
我尝试使用box-shadow: 0px 5px 5px -5px #000000;
,但是使用此方法,阴影无法完全覆盖整个div底部。
#bg {
text-align: center;
width: 200px;
height: 200px;
padding: 50px;
background: #eeeeee;
}
#box {
width: 100%;
height: 100%;
box-shadow: 0px 5px 5px -5px #000000;
background: yellow;
}
<div id="bg">
<div id="box"></div>
</div>
请仅使用HTML和CSS的解决方案。