css3动画如何实现点击循环播放？

Question

我做了一组动画效果，逻辑是这样的，第一个动画延迟1s播放，第二个动画延迟2s，第三个动画延迟4秒，好了，播放完了。

我想实现点击动画能重新播放？怎么实现？求各路大神指点

Answer 1

把动画写成一个单独的CSS类，点击的时候先用JQ removeClass移除CSS类，然后再用addClass添加到这个元素。  这样应该可以，你试下