【已解决】css如何绘制该图形?-灵析社区

云端小仙女

请问如何绘制圆环,并切除一部分呢? 圆环内部需要透明的以方便放置其他元素 `编辑一补充条件:所切的角度不一定是90deg,也可能是更小的角度。使用css解决。` `编辑二补充条件:缺口也应该是透明的` ![](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/8e2297ed16313e53bdbb2b36f5df1f75.png) ps: 编辑一:所切的角度不一定是90deg,也可能是更小的角度。 思考:根据楼下的回答,四个边框设置其一为透明色,如果所切角度小于90deg,我能想到的是层叠两层,然后旋转不同角度。 编辑二:叠两层,使用`clip-path()`截取需要显示部分,并赋予与底色相同的颜色。如果底色复杂的话.... 编辑三:方法如采纳的回答。background使用`conic-gradient 锥形渐变`, 配合mask使用`radial-gradient 径向渐变`遮盖达到效果。

阅读量:32

点赞量:0

问AI
代码日记
css方案,看完你会想放弃 参考锥形渐变: "https://www.zhangxinxu.com/wordpress/2020/04/css-conic-gradient/" (https://link.segmentfault.com/?enc=Ex0w0T7I2HI2v%2F%2BGClMhcw%3D%3D.ZaKq3Ex4m4ZNxCex7vsXLqpArv8grv6qTN1DuGEYCj7eB%2FerTgFLg8TCWoFUqHwEvCHN0h46RbYJBBWs3u6oiCnRHxeURlLOv8zHX1x1JkE%3D) 代码: "https://codepen.io/643104191/pen/VwgLOQb" (https://codepen.io/643104191/pen/VwgLOQb)