CSS動畫是一個非常有用的工具，可以讓網站更加吸引人，同時提高用戶體驗。然而，有些時候我們需要在動畫還未完成時停止它。那么，如何正確地終止CSS動畫呢？

.stop-animation {
animation-name: none !important;
animation-play-state: paused !important;
}

以上是一種常見的終止CSS動畫的方法。我們可以為需要終止的元素添加一個類名，并在CSS中設置animation-name的值為"none"，設置animation-play-state為"paused"。這樣，動畫就會暫停在當前的位置，而不會繼續往下播放。

注意，這種方法只適用于使用了animation屬性的CSS動畫。對于使用transition屬性的過渡動畫，我們可以用以下代碼來終止它：

.stop-transition {
transition: none !important;
}

同樣地，我們為需要終止的元素添加一個類名，將transition屬性設置為"none"即可。

最后，需要注意的是，在終止動畫后，我們可能需要手動恢復元素原來的狀態。這可以通過JavaScript來實現，例如：

document.getElementById("my-element").classList.remove("animate");

以上代碼會移除ID為"my-element"的元素上的"animate"類名，從而使其回到初始狀態。