我正在尝试为我的网站制作 3 个不同的圈子。我不想将它作为图形/图像文件插入。所以我一直在尝试使用 CSS3 来实现它，但我无法真正解决它。
它会是什么样子？ 我已经上传了一张我想要实现的图片：www.sp34k.com/etc/circles.jpg 我无法真正展示我一直试图用来实现这一目标的代码，因为它看起来完全很奇怪，没有任何东西可以正确浮动。
我试过 的我试过的是用绝对位置制作 3 个圆圈，然后使用 % （百分比）来确定彩色部分的宽度，但我无法改变应该如何设置的想法。
任何建议表示赞赏，迈克
这是我的一个简单尝试，以达到您想要的效果：
编辑：纯 CSS 解决方案
它可以很容易地使用 javascript 或关键帧进行动画处理。任意内容将进入innerdiv。要更改百分比，只需调整伪元素的角度即可。
我猜这可以很容易地改进；）
注意：转换具有 webkit-prefix，因此它仅适用于 chrome/safari - 要在 firefox 或其他浏览器中看到它，您需要更改前缀。
PS当我下班回家时，我会为它制作动画。
Christoph写的不错， 但他使用的是 SASS/SCSS，它们比普通 CSS 慢，因为它们必须在浏览器渲染之前转换为 CSS，所以我有一个不同的解决方案给你
试试这个小提琴
