当使用css3比例缩放元素时，它会在动画完成之后变为像素化。我正在制作一个带边框的元素

Question

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

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

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

Answer 1

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

基本上;不要使用“规模”。使用“scale3d”并进行设置，以便您想要的图像最大为scale3d(1,1,1)。

Here就是你在那里拥有圆圈的一个例子。我把比例改为5，因为我不想把0.222222222222222222222222222222222放到scale3d函数中...

[edit]所以我在没有硬件加速的计算机上再次尝试了jsfiddle演示，并且像素化效果消失了。所以它似乎与scale3d一样，它将它转换为纹理然后进行缩放。您可以像circ3 div here中那样进行操作。