当使用transition或animation时，生成的动画不平滑，并且在IE10和Chrome中都是"跳跃"的（未测试任何其他版本）当处理边距时，但不透明度转换似乎很好。
这是小提琴的链接。这里是另一个例子。
在我看来，浏览器在向下滑动时不使用小数，但在淡化不透明度时使用小数。
如何平滑动画？我已经考虑过使用jQuery来制作动画，但我仍然会在其他方面使用CSS动画。
最佳做法是使用原始大小的图像。如果重新缩放它们，它们可能看起来不均匀，尤其是在CSS动画中。如果动画中的图像分辨率高于所需分辨率，则应调整其大小。