http://jsfiddle.net/nicktheandroid/5Ytnj/
当我将 -webkit-backface-visibility: hidden; 添加到 .circ 元素时，即使在动画完成后它也会保持像素化。
我想知道是否有办法让它在动画时不像素化。 我在 Google Chrome 的开发版本中查看过它。
最佳答案
好吧，我想我想出了一个解决办法；
本质上；不要使用“规模”。使用“scale3d”并进行设置，以便您想要的最大图像是 scale3d(1,1,1)。
Here是你在那里的圆圈的例子。我将比例更改为 5，因为我不想将 0.222222222222222222222222222222222 放入 scale3d 函数中...
[edit] 所以我再次尝试了 jsfiddle 演示，在没有硬件加速的计算机上，像素化效果消失了。所以它似乎与 scale3d 的问题相同，它将它转换为纹理然后缩放它。你可以像在 circ3 div here 中那样做.
关于css - 当使用 css3 比例缩放元素时，它会变成像素化，直到动画完成。我正在为带有边框的元素制作动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25236907/