使用css3缩放缩放元素时，该元素将变为像素化，直到动画刚刚完成。I'；我正在用边框设置元素的动画

当我添加

-webkit背面可见性：隐藏

到

.circ

元素，即使动画完成后，也会使其保持像素化

我想知道是否有一种方法可以让它在设置动画时不像素化。

---

我已经在谷歌Chrome的开发版本中看到了它。

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

本质上；不要使用“刻度”。使用“scale3d”并对其进行设置，使图像的最大尺寸为

scale3d（1,1,1）

这是一个例子，里面有一个圆圈。我将比例改为5，因为我不想将0.22222222放入scale3d函数中

---

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

circ3

div中那样操作。

我也遇到了同样的问题，只是我遇到了一个按钮缩放的问题，其中包含文本。这与前面提到的问题类似。有边界没关系，谢谢，这也解决了我的问题！显式地为起始状态（即CSS类）设置scale3d（1,1,1），然后为转换类使用scale3d（1.5,1.5,1.5），这样做了。应该是可以接受的答案。对我来说没有任何区别，图像一开始是清晰的，整个缩放过程中使用scale3d进行像素化，并在动画后清除。@Rob我相当确定它依赖于浏览器，也依赖于GPU。您可以在firefox的各种配置位中更改它，在chrome中，您可以添加一个命令行参数来强制/禁用gpu加速。