如何控制h5页面暂停，然后通过点击按钮进行后续动画显示？

如何实现一个h5+css3页面在执行到某个动画效果之后暂停下来，然后通过点击图片或者按钮进行后续动画显示？

    .active {
      animation-play-state: running;  //开始
    }
    .paused {
      animation-play-state: paused;  //暂停
    }

通过你的事件来添加和删除class

通过添加和移除class

那就是直接js修改对应标签的class添加不同的animate