Comment on Simple and fast CSS page transitions in your hybrid mobile appComments−asawilliams14ywhy not use css transforms for the transitions?−itsmonktastic14yThe tutorial uses Zepto for animations, which backs onto CSS transforms."Zepto exclusively uses CSS transitions for effects and animation. jQuery easings are not supported."From http://zeptojs.com/#animate−asawilliams14ydoesnt look like they implement 3d transforms which is where the performance would come from.−mortenjorck14yThis is an especially pertinent question as CSS transforms tend to be hardware-accelerated on mobile Webkit, playing more smoothly and using less battery, while jQuery animations tend not to be.
Comments
why not use css transforms for the transitions?
The tutorial uses Zepto for animations, which backs onto CSS transforms.
"Zepto exclusively uses CSS transitions for effects and animation. jQuery easings are not supported."
From http://zeptojs.com/#animate
doesnt look like they implement 3d transforms which is where the performance would come from.
This is an especially pertinent question as CSS transforms tend to be hardware-accelerated on mobile Webkit, playing more smoothly and using less battery, while jQuery animations tend not to be.