平滑CSS3动画

Question

使用transition或animation时，生成的动画并不流畅且在处理边距时IE10和Chrome （未经过其他任何测试）都是“跳跃”的不透明度过渡似乎很好。

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

在我看来，浏览器在向下滑动时不使用小数，但在不透明的情况下，它们是。

我如何平滑动画？我已经考虑过使用jQuery来制作动画，但我仍然会使用CSS动画来制作动画。

Answer 1

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