平滑CSS3动画

Question

当使用transition或animation生成的动画不顺畅，并且在这两个IE10和铬“跳跃”（未测试的任何其它）与边缘但不透明度转变处理时似乎是细。

Here是一个小提琴的链接。另一个例子是Here。

它在我看来是因为浏览器在滑下时没有使用小数点，但是当它们不透明时就会消失。

我将如何去平滑动画？我曾考虑过使用jQuery来做动画，但我仍然在使用CSS动画来处理其他的事情。

Answer 1

最佳做法是以原始尺寸使用图像。如果你重新调整它们，它们可能看起来不平衡，特别是在CSS动画中。如果动画中的图像分辨率高于所需的分辨率，则应调整它们的大小。