Css coupon common style: small circle cover coupon part of the style implementation

as shown in the picture, the external box is shaded, and the style is
box-shadow: 0 2px 12px 0 rgba (23613 2px 12px 0.50);
the background color of the page is:

< H1 > f5f5f5 < / H1 >

how to achieve this small circle to cover part of the box and the shadow is more natural, the effect I achieve is always not quite in line with the expectations of the little sister UI

clipboard.png

clipboard.png

Css
Nov.30,2021

however, this is usually a cut image, and the picture is used as the background image of the box of the card coupon, because the card coupon sometimes has not only this semicircular gap but also a jagged edge.
figure 1


 

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e47bbb-44c68.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e47bbb-44c68.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?