我想为图像创建一个圆形阴影和一个 CSS 按钮,我在CSS3 Drop Shadows Generator 中找到了一个解决方案,它为一个框创建圆形阴影。

但我不知道如何为我的案例应用代码(用于图像和按钮)
.box {
position: relative;
width: 400px;
height: 300px;
background-color: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
border-radius: 1% 1% 1% 1% / 1% 1% 1% 1%;
}
.box:after {
position: absolute;
width: 64%;
height: 12%;
left: 18%;
border-radius: 50%;
z-index: -1;
bottom: 0%;
content: "";
box-shadow: 0 50px 24px rgba(0,0,0,0.24);
}
Run Code Online (Sandbox Code Playgroud)
您的支持将不胜感激!