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

Question

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

Answer 1

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

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