做一个像下面MAKA一样的展示动画，荡下它的代码看得头晕，有木有简单点的参考案例_Html5_论坛

做一个像下面MAKA一样的展示动画，荡下它的代码看得头晕，有木有简单点的参考案例

34***86 分类：Html5 人气：1023 回帖：6 发布于6年前收藏

http://k.maka.im/pcviewer/3UVIHTS1

还是第一次做这种东西，有点懵逼，有两个地方有问题：
1.翻页效果，
2.css3动画出现的出现顺序

Lv3 码奴

贝***0 页面重构设计 6年前#1

我一般用swiper配合css3动画，通过给css3动画类名添加swiper-active来激活滚动到的那一屏的动画

Lv1 新人

风***扬 Web前端工程师 6年前#2

adobe edge 此类的工具可以试用一下；

Lv6 码匠

赵***2 Web前端工程师 6年前#3

1.http://www.htmleaf.com/Demo/201505201870.html
这里好多翻页效果，可以参考，个人认为不必拘泥一种
2.延时

Lv7 码师

陌***4 软件测试工程师 6年前#4

翻页效果可以用fullpage.js，挺多的这样的插件。。
css3动画顺序就用延时

Lv3 码奴

路***侠 JS工程师 6年前#5

用css3 @keyframes 只是先后出现的顺序问题

Lv5 码农

xu***ui Linux系统工程师 6年前#6

看这个https://github.com/panteng/wechat-h5-boilerplate

文明上网，理性发言！ 😉 阿里云幸运券，戳我领取