CSS動畫是網頁設計中常用的功能之一，可以通過CSS來實現頁面上的各種動畫效果。CSS動畫中最常用的效果是通過鼠標經過來觸發(fā)動畫，例如鼠標經過一張圖片時，圖片會變大或者出現某種效果，這些都可以通過CSS動畫來實現。

但是，有時候我們需要停止鼠標經過時的動畫效果，而不是讓它一直執(zhí)行下去。這時候可以使用CSS的hover選擇器來實現。當鼠標經過時，我們只需要讓動畫效果停止，就可以達到我們想要的效果。

.my-animation {
animation-name: my-animation;
animation-duration: 2s;
animation-iteration-count: infinite;
}
.my-animation:hover {
animation-play-state: paused;
}
@keyframes my-animation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

在上面的代碼中，我們定義了一個名為“my-animation”的CSS動畫，它會使元素旋轉360度，持續(xù)時間為2s，并且將動畫的迭代次數設置為無限循環(huán)。當鼠標經過時，我們通過hover選擇器來修改該元素的CSS樣式，將動畫的播放狀態(tài)設置為paused，即暫停。

在實際應用中，我們可以根據需要來調整CSS動畫的樣式和鼠標hover時的效果。同時，我們也可以使用JavaScript來實現更加復雜的鼠標動畫效果。