将描边渐变定义从 SVG 移至 CSS

Answer 1

想要在 CSS 中完成所有事情。

.pie {
  --my-color-1: #00d5bd;
  width: 200px;
  aspect-ratio: 1;
  border-radius: 50%;

  background-image:
    radial-gradient(circle, black 60%, transparent 60%),
    conic-gradient(transparent 75%, var(--my-color-1) 75%, var(--my-color-1) 84%, orange 84%, orange 92%, red 92%),
    radial-gradient(circle, black 65%, transparent 65%);
   
}

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