我正在尝试为我的网站制作3个不同的圈子。我不想将其作为图形/图像文件插入。所以我一直在努力用CSS3来实现它，但是我无法用它来实现它。
它会是什么样子？ 我上传了一张我想要实现的目标：www.sp34k.com/etc/circles.jpg 我无法真正展示我一直试图用来实现这一目标的代码，因为它看起来完全奇怪而且没有任何东西浮现。
我尝试了什么 我试过的是用绝对位置制作3个圆，然后使用％（百分比）来确定彩色部分的宽度，但我不能扭曲我应该如何设置它。
任何建议表示赞赏， 麦克
答案 0 :(得分：4)
这是我尝试达到你想要的效果的简单尝试：
<强> DEMO
可以使用javascript或关键帧轻松制作动画。任意内容将进入inner div。要更改百分比，只需调整伪元素的角度。
稍微努力一点，我猜这很容易;）
注意：转换具有webkit前缀，因此它仅适用于chrome / safari - 要在firefox或其他浏览器中查看，您需要更改前缀。
P.S。我下班回家时会给它制作动画。
答案 1 :(得分：-1)
很好的 Christoph ，但他使用的SASS / SCSS比普通的CSS慢，因为在浏览器渲染之前它们必须转换为CSS所以我有一个不同的解决方案< / p>
试试这个fiddle
