Question

css3动画设置什么时候暂停，用animation-play-state:paused如何设置？

@-webkit-keyframes rainbow {
0% { background: #c00; }
50% { background: orange; }
100% { background: yellowgreen; }
}

我要设置在某一个帧暂停应该怎么写

Answer 1

用到动画的元素:hover {
animation-play-state:paused;
}
//反正animation-play-state属性已经不支持低级浏览器了。所以不需要考虑hover的兼容效果。
要是想长时间的停止。用JS插入这个属性就好了。
1、用到动画的元素.css('animation-play-state', paused);

Answer 2

这个单用css是做不到的。要配合js定时器。算出要暂停的时间，css3动画开始也是js定时开始，到定时间后用js设置animation-play-state:paused就可以了