Css 计算3个绝对定位元素的位置

我有一个包含3个子元素的容器元素，所有元素都设置了

边界半径

，使它们成为圆。大约：

<div id="rotator">
  <div id="a">a</div>
  <div id="b">b</div>
  <div id="c">c</div>
</div>

#rotator { position: relative }
#rotator div { position: absolute; border-radius: 50%; }
#rotator div#a { top: -20%; left: 30%; }
#rotator div#b { bottom: 3%; left: -12%; }
#rotator div#c { bottom: 3%; left: 12%; }

A.
B
C
#旋转器{位置：相对}
#旋转器div{位置：绝对；边界半径：50%；}
#旋转器分区#a{顶部：-20%；左侧：30%；}
#旋转器div#b{底部：3%；左侧：-12%；}
#旋转器div#c{底部：3%；左侧：12%；}

我面临的问题是，我需要在数学上完美地定位每个子元素，这样，如果整个块旋转120度（三分之一），那么项目A将占据与项目B完全相同的区域。请参见随附的模型图片，请参见JSFIDLE：

原因是我将为这些元素设置动画，我已经粗略地定位了它们，但我相信应该可以在数学上完美地定位它们

---

我希望得到的是CSS答案，而不是程序化答案。如果需要，我可以使用JS，但我相信应该可以计算CSS中使用的位置。