求一些移动前端动画页面的框架和资源

[FinalAir]

今天突然给我一个项目，是做某高校的门户网站的移动微站。要求实现成现在微信中可以看到的有很多小动画的页面（像财付通推的一些页面）。用jquery做了几个简单的动画效果，但是发现在ios上的体验很不好。得知好像在ios上做网页动画比较好的方案是用css3实现。

不甚擅长前端，希望大家能提供一些做这方面页面的框架或者资源，希望能够快速上手，做几个demo出来。（html5动态页面，在Android和ios都能表现的比较流畅）谢谢！

[miniers]

http://frozenui.github.io/demo/parallax.html
简单点的

[FinalAir]

@miniers 不错不错，研究研究

[loveuqian]

右侧不就有一个amazeUI。。。。

[novaeyoucom]

用GSAP, JQuery做动画不是很合适。另： 有些android放弃了吧， 啥动画都卡。

[FinalAir]

@novaeyoucom 不能放弃啊，放弃就没有工资了....

[novaeyoucom]

@FinalAir 不放弃啊， 涉及到动画的用GSAP， 不涉及动画用Jquery

[Kuro]

js的动画库推荐velocityjs 性能要比jquery高

[FinalAir]

@Kuro 我需要的不一定是js动画，只要在移动平台上表现比较流畅的都行，移动端动画现在大多数都是CSS3的居多

[Kuro]

@FinalAir 做移动端的动画有个要点是尽可能的多利用GPU，你在元素CSS的transform属性上加一个translateZ(0)会强制浏览器使用GPU来渲染，这样动画会流畅很多，Velocityjs有个开启GPU加速的mobileHA选项也是利用的这个原理。
动画性能方面虽然Velocityjs自称比CSS3性能高，但我实际测试的结果还是CSS3性能最好
CSS3如果不用框架的话的确比较难控制，使用Velocityjs可以做出很漂亮的动画流。我目前是简单的动画用CSS3，复杂的动画用Velocityjs。如果有人知道好用的CSS3动画库也请告诉我～

[FinalAir]

@Kuro 嗯，好的