通常，border-radius: 50%在大多数应用程序中都可以正常工作，而Chrome生成的外观看起来像一个圆圈。但是在这种情况下，我试图快速连续旋转一个圆，这就是问题所在。
看看这个codepen看看我在说什么。请注意外边缘如何摆动？
http://codepen.io/jonshungry/pen/edmpf
这是Chrome边界半径的错误吗？还是这与转换有关？
有人可以建议解决方法吗？
最佳答案
它是由“半径”的计算方式中的舍入引起的。由于大小是偶数，因此边框位于两个像素之间...悠久的历史，最后:
工作环境:设置div圆圈的大小为“奇数”像素。
$ring-medium-outer: 437px;
$ring-medium-inner: 381px;
关于css - 边界半径: 50% not producing perfect circles in Chrome，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24070899/