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) 更多参看: «"https://segmentfault.com/a/1190000043622887" (https://segmentfault.com/a/1190000043622887)»