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

Question

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

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

我想知道是否有办法让它在动画时不像素化。我在 Google Chrome 的开发版中查看过它。

Answer 1

好的，所以我想我想出了一个解决方法；

本质上; 不要使用“比例”。使用“scale3d”并进行设置，以使您想要的图像最大为scale3d(1,1,1).

这是您在其中的圆圈事物的示例。我将比例更改为 5，因为我不想将 0.222222222222222222222222222222222 放入 scale3d 函数中...

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