css实现左上角缺口的圆环?-灵析社区

木子弓长

Document div { width: 200px; height: 200px; background: radial-gradient(closest-side circle, royalblue 99%, transparent 100%) center top/25% 25% no-repeat, conic-gradient(transparent 10%, royalblue 90%); -webkit-mask: radial-gradient(closest-side circle, transparent 50%, red 51% 99%, transparent 100%); } ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250110/a42d22d367f0dad842c366fbb317aec2.png) 更多参看: >

阅读量:1

点赞量:0

问AI