CSS中停止動畫的方法

在CSS中，您可以使用animation-play-state屬性來停止動畫，該屬性接受兩個值：running和paused，默認(rèn)情況下，動畫的播放狀態(tài)為running，表示動畫正在播放，如果您想停止動畫，可以將animation-play-state屬性的值設(shè)置為paused。

假設(shè)您有一個名為my-animation的動畫，您可以使用以下CSS代碼來停止它：

.my-element {
  animation-play-state: paused;
}

這將使名為my-animation的動畫在.my-element元素上停止播放，如果您想恢復(fù)動畫的播放，可以將animation-play-state屬性的值設(shè)置回running：

.my-element {
  animation-play-state: running;
}

animation-play-state屬性僅適用于CSS3中的新動畫，如果您使用的是舊版本的CSS或JavaScript中的動畫，則可能需要使用其他方法來停止動畫。