css 实现动画运行、暂停

animation-play-state 属性规定动画正在运行还是暂停。

（注意：IE 9 以及更早的版本不支持该属性）

规定盒子暂停动画

div{
    animation-play-state:paused;
    -webkit-animation-play-state:paused; 
}

规定盒子运行动画

div{
    animation-play-state:running;
    -webkit-animation-play-state:running; 
}

 

在w3school上面可以查看事例，下面是网址

http://www.w3school.com.cn/cssref/pr_animation-play-state.asp