CSS3 Animation-Play-State属性
CSS3 Animation-Play-State属性是用来控制CSS动画的播放状态的，它可以让动画暂停和开始播放。它可以应用于所有的CSS动画，包括@keyframes动画和transition动画。
使用方法
使用Animation-Play-State属性，可以控制动画的播放状态，它有两个值，running和paused，分别表示动画正在播放和动画暂停。
.animation {
animation-play-state: paused;
}
上面的代码表示将动画的播放状态设置为暂停。
应用场景
- 可以用来控制动画的播放状态，实现动画的暂停和播放；
- 可以用来控制动画的播放速度，实现动画的快放和慢放；
- 可以用来控制动画的播放次数，实现动画的重复播放；
- 可以用来控制动画的播放顺序，实现动画的顺序播放；
- 可以用来控制动画的播放方向，实现动画的正向播放和反向播放。
CSS3 Animation-Play-State属性能够有效地控制CSS动画的播放状态，从而实现各种有趣的动画效果。