css3动画暂停

当css3动画被中断时，此时的动画效果会立即恢复到原状，但是有时候并不想立即恢复原状，想保持当前中断时的状态，可以使用animation-play-state:paused.

语法

animation-play-state: paused|running;

说明

示例

以鼠标移入暂停，移出继续动画为例

div {
    width: 100px;
    height: 100px;
    background: orange;
}
div:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}