當我們使用CSS動畫的時候，經常需要停止動畫的播放。如果我們只是簡單地設置CSS屬性為初始值，動畫就會直接跳到初始狀態，沒有任何平滑的過渡效果。

下面是一個例子，用CSS實現了一個旋轉動畫：

/* CSS代碼 */
.spin {
animation-name: spin-animation;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes spin-animation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

如果我們想要停止這個動畫，可以使用以下代碼：

/* CSS代碼 */
.spin {
animation-play-state: paused;
}

這個代碼會將動畫的播放狀態設置為暫停，但是會保持當前的位置。如果想要直接停止動畫并回到初始位置，可以使用以下代碼：

/* CSS代碼 */
.spin {
animation: none;
transform: rotate(0deg);
}

這個代碼會將動畫的CSS屬性設置為初始值，并且停止動畫的播放。