animation-play-state

描述

该 animation-play-state 属性定义动画是正在运行还是暂停。可以通过将此属性设置为“暂停”来暂停正在运行的动画。若要继续运行暂停的动画，可以将此属性设置为“正在运行”。暂停的动画将继续以静态状态显示动画的当前值，就好像动画的时间是恒定的一样。当暂停的动画恢复时，它将从当前值重新启动，而不必从动画的开头重新启动。

效果展示

语法

<single-animation-play-state> = running | paused

值

• running 动画当前正在播放。
• paused 动画当前已暂停。