css3动画问题

Question

页面有几个div元素，如何让这些元素依次fadein显示

Answer 1

方法一：
1.设置一个序列，status = 0
2.配置 v-if 的显示条件 status > index
3.通过 webkitAnimationEnd，监听动画结束事件， ++status

方法二：
我记得 JQ 有一个动画队列

$box.hide(1000, ()=> $dom.fadeIn(1000))

Answer 2

给不同的 div 的在 animate @keyframes 设置 animation-delay 即可。