css怎么实现圆形缺个角？

Question

如上图所示，缺口角大概60度左右，这种要怎么实现？

Answer 1

CSS的渐变色背景来实现就好了。

// stylus
div 
  width 100px
  height 100px
  background conic-gradient(white 30deg, black 30deg)
  border-radius 50%
  transform rotate(90deg)

CSS 锥形渐变只能画圆锥吗？conic-gradient 10大应用举例
conic-gradient() - CSS：层叠样式表 | MDN

Answer 2

可以看看我这一篇：使用 SVG 制作扇形。

我写文的时候，Safari 有 bug，画出来的角度不对，不知道现在改好了没。

Answer 3

画个圆形，再画个三角形覆盖上

Answer 4

建议使用SVG