css3:多个元素先后循环使用animation

我在使用css3 animation时出现问题，想请教一下
现在有多个元素 想先后实现下面这个动画

比如第一个元素前进后退动画后，第二个元素再开始动画，再第三个。。，直到最后一个，又从第一个循环开始
我试了添加公共class样式，加延迟，最后还是没办法实现

动态修改class，:class=""，只要控制class变化就行了