当使用 CSS3 缩放缩放元素时，它会变得像素化，直到动画完成之后。我正在为带有边框的元素制作动画

Question

http://jsfiddle.net/nicktheandroid/5Ytnj/

当我向 .circ 元素添加-webkit-backface-visibility: hidden;时，即使在动画完成后，它也会导致它保持像素化。

我想知道是否有办法让它在动画时不像素化。我已经在谷歌浏览器的开发版本中查看过它。

Answer 1

好的，我想我已经想出了一个解决方法;

本质上; 不要使用"scale"。 使用"scale3d"并对其进行设置，以便将您想要的最大图像scale3d(1,1,1)。

这里有一个你在那里有圆圈的东西的例子。我将比例更改为 5，因为我不想将

0.22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222

[编辑] 所以我在没有硬件加速的计算机上再次尝试了 jsfiddle 演示，像素化效果消失了。因此，这似乎与scale3d的问题相同，其中它将其转换为纹理，然后对其进行缩放。您可以在此处的circ3div中进行操作。