如何用css在矩形的某个位置裁出一个透明的圆?

clipboard.png
如图,请问各位有没有什么好的方法。
目前自己尝试过用伪类画个圆加transprante,但漏出来的是上半部分的底色灰色。
而我需要的是透明,也就是我需要真真正正切去这一块。
看了一下clip-path,好像也只能切成多边形,没办法切出一个圆。
故请教各位有没有什么方法能实现这个需求?
用纯css是最好的了~


补充一下,我仔细看了看clip-ptah,其实它是能切出圆形的~那这个问题解决起来就简单了~虽然兼容性可能是个问题~

阅读 1.2k
评论
    4 个回答
    • 1.2k

    如果你上面的淡粉色区域不是渐变色的话可以用两个圆定位