带框阴影CSS的边框半径

时间:2019-11-01 13:06:36

标签: html css border box-shadow

我在表单上有box-shadow,该表单可以在整个屏幕上显示,并且在我添加border-radius到表单上之前,它一直运行良好。

代码:

.customer-modal{
    box-shadow: 0px 0px 300px 900px rgba(0,0,0,0.75);
    background: whitesmoke;
    display: inline-block;
    width: 40vw; 
    padding-bottom: 60px;
}

enter image description here

带半径的代码

.customer-modal{
    box-shadow: 0px 0px 300px 900px rgba(0,0,0,0.75);
    background: whitesmoke;
    display: inline-block;
    width: 40vw;
    padding-bottom: 60px;
    border-radius: 4%;
}

它看起来像这样: enter image description here

我如何解决它,使框阴影看起来没有边框半径?

0 个答案:

没有答案