我正在尝试重新创建下图中的阴影,需要一些帮助。
为此我应该使用什么 CSS 属性?我知道我需要 border-radius,但我不确定还有什么其他属性可以帮助我实现所需的结果。
图像中的红色区域突出显示了我试图复制的部分:
查看
box-shadow
属性(文档此处)
.card {
border-radius: 10px;
height: 100px;
width: 200px;
box-shadow: 0px 5px 6px -1px #58585838;
}
<div class="card">
</div>
你能把你的代码贴出来以便我们看看问题出在哪里吗? 但你可以使用这些
properties
来改变它:
borderBottomRightRadius:value,
borderBottomLeftRadius:value
示例:
borderBottomRightRadius:10