随便做个示例,防止下次需要用到:
.coupon {
width: 600px;
height: 200px;
position: relative;
background: radial-gradient(circle at right top, transparent 20px, #28A4F2 0) top left / 200px 51% no-repeat,
radial-gradient(circle at right bottom, transparent 20px, #28A4F2 0) bottom left /200px 51% no-repeat,
radial-gradient(circle at left top, transparent 20px, #eeeeee 0) top right /400px 51% no-repeat,
radial-gradient(circle at left bottom, transparent 20px, #eeeeee 0) bottom right /400px 51% no-repeat;
filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
&::before {
content: "";
border: 1px dashed red;
position: absolute;
left: 198px;
top: 20px;
bottom: 20px;
margin: auto;
}
}