CSS：画锯齿形边的圆

锯齿形边的圆可以由十二个正三角形构成。

.circle {
   
  width: 80vh;
  height: 80vh;
  position: relative;
  background-color: #CCCCCC;
}

.triangle {
   
  position: absolute;
  left: 6.7%;
  top: 0;
  width: 86.6%;
  height: 75%;
  background-color: plum;
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
  transform-origin: center 66.6%;
}

.triangle:nth-child(2) {
   
  transform: rotate(10deg);
}

.triangle:nth-child(3) {