http://k.maka.im/pcviewer/3UVIHTS1
还是第一次做这种东西，有点懵逼，有两个地方有问题：
1.翻页效果，
2.css3动画出现的出现顺序
我一般用swiper配合css3动画，通过给css3动画类名添加swiper-active来激活滚动到的那一屏的动画
翻页效果可以用fullpage.js，挺多的这样的插件。。
css3动画顺序就用延时
1.http://www.htmleaf.com/Demo/201505201870.html
这里好多翻页效果，可以参考，个人认为不必拘泥一种
2.延时
看这个https://github.com/panteng/wechat-h5-boilerplate
adobe edge 此类的工具可以试用一下；
用css3 @keyframes 只是先后出现的顺序问题