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

Javascript CSS3关键帧动画是否比属性转换更平滑?,javascript,css,mobile-safari,css-transitions,zepto,Javascript,Css,Mobile Safari,Css Transitions,Zepto,我有一个移动web应用程序,它使用Zepto在页面之间创建转换。桌面上的动画非常流畅,但在我的iPhone4上却非常起伏。动画是否比过渡更出色?除了控制粒度之外,动画和过渡之间有什么区别?我不是专家,但我认为这是浏览器处理动画的方式 处理多状态动画可能需要更复杂和扩展的方式,而不是简单的两状态转换。这不是转换与动画的问题-这是转换与属性更改的问题 内容可以通过多种不同的方式在屏幕上移动:最常见的两种是位置属性(左、上、左边距、滚动位置等)更改和变换。在iOS上,现在是第5版,位置属性的更改在CP

我有一个移动web应用程序,它使用Zepto在页面之间创建转换。桌面上的动画非常流畅,但在我的iPhone4上却非常起伏。动画是否比过渡更出色?除了控制粒度之外,动画和过渡之间有什么区别?

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


处理多状态动画可能需要更复杂和扩展的方式,而不是简单的两状态转换。

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

内容可以通过多种不同的方式在屏幕上移动:最常见的两种是位置属性(左、上、左边距、滚动位置等)更改和变换。在iOS上,现在是第5版,位置属性的更改在CPU上以像素为增量进行-没有亚像素tweening,因此移动,特别是在较旧的非视网膜显示器上,是不稳定的

相比之下,变换(尤其是3D变换)是在GPU上完成的,因此可以获得非常平滑的运动和亚像素的粗花


(请注意,一些桌面浏览器会进行GPU加速的位置属性更改(如IE9),因此这两种方法在视觉上没有区别)

感谢您对转换与属性更改的说明。