锥形渐变与饼图效果实例页面

展示

代码

• HTML：

  <div class="pie"></div>

• CSS：

  .pie {
      width: 150px; height: 150px;
      border-radius: 50%;
      background: conic-gradient(yellowgreen 40%, gold 0deg 75%, deepskyblue 0deg);   
  }