我有一个移动网络应用程序，它使用 Zepto 在页面之间创建过渡。动画在桌面上非常流畅，但在我的 iPhone 4 上却很不稳定。动画是否比过渡效果更好？除了控制粒度之外，动画和过渡之间有什么区别？
问问题
617 次
2 回答
2
这不是一个过渡与动画的问题——这是一个变换与属性更改的问题。
内容可以通过多种不同的方式在屏幕上移动：最常见的两种是位置属性（left、top、margin-left、scroll-position 等）的变化和变换。在 iOS 上，现在在版本 5 中，位置属性更改在 CPU 上以像素增量完成 - 没有子像素补间，因此移动，特别是在较旧的非视网膜显示器上是生涩的。
相比之下，变换（尤其是 3D 变换）是在 GPU 上完成的，因此您可以获得非常平滑的运动和亚像素补间。
（请注意，一些桌面浏览器会进行 GPU 加速的位置属性更改——比如 IE9——所以这两种方法在视觉上没有区别）
于 2012-06-08T22:59:43.423 回答
0
我不是专家，但我认为这是浏览器处理动画的方式。
它可能需要更复杂和扩展的方式来处理多状态动画提供，而不是简单的 2 状态转换。
于 2012-06-08T20:09:55.407 回答