问在盒子里画一个圆形的空隙
EN

Stack Overflow用户

提问于 2020-12-08 10:23:57

回答 1查看 27关注 0票数 0

我想使用clip-path来裁剪带有圆形裁剪的盒。使用clip-path: polygon有点困难。有什么方法可以切割圆形切口吗？

div{
    width: 200px;
    height: 300px;
    background-color: #00a3ee;
    clip-path: polygon(0 0,100% 0,100% 90%,90% 94%,0 200%);
}

<div></div>

回答已采纳

发布于 2020-12-08 10:45:01

我建议使用radial-gradient而不是clip-path来看一看：

div{
    width: 200px;
    height: 300px;
    background: radial-gradient(circle at bottom right, transparent 15%, #00a3ee 15.5%);
}

<div></div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65197107

复制

相似问题

问在盒子里画一个圆形的空隙EN