CSS3关键帧动画是否比属性转换更平滑？

Question

我有一个移动网络应用程序，它使用Zepto在页面之间创建过渡。动画在桌面上非常流畅，但在我的iPhone 4上相当不稳定。动画是否比过渡更高效？除了控制的粒度之外，动画和过渡之间有什么区别？

Answer 1

这不是转换与动画问题 - 这是转换与属性更改问题。

内容可以通过多种不同的方式在屏幕上移动：最常见的两种是位置属性（左，上，左边距，滚动位置等）的变化和变换。在iOS上，现在在版本5中，位置属性更改在CPU上以像素为增量完成 - 没有子像素补间，因此移动，特别是在较旧的非视网膜显示器上的运动是不稳定的。

相比之下，变换 - 特别是3D变换是在GPU上完成的，因此您可以获得非常平滑的移动和子像素补间。

（请注意，某些桌面浏览器会进行GPU加速位置属性更改 - 就像IE9一样 - 所以这两种方法在视觉上没有区别）

Answer 2

我不是专家，但我认为这是浏览器处理动画的方式。

它可能需要更复杂和扩展的方式来处理多状态动画提供，而不是简单的2状态转换。