直接给出文档实例https://www.w3school.com.cn/cssref/pr_box-shadow.asp
如下图所示:
这里重点是阴影color透明度的设置方法:可以使用rgba
以下是我的一项实例方法
.cardslot{
width:90%;
height:200rpx;
background-color:#FFFFFF;
box-shadow: 0 12px 9px rgba(60,128,209, 0.09);
margin:16px auto;
display:flex;
justify-content: center;
align-items: center;
border-radius: 20px;
}
效果如下: