CSS動畫是網頁設計經常使用的一個技術。它能夠為網頁增加許多效果和動態感，讓用戶體驗更加豐富和有趣。但是，在使用CSS動畫時，我們常常遇到一個問題，那就是如何讓動畫停止在固定的地方。

在CSS中，我們可以使用animation-fill-mode屬性來控制動畫停止時的狀態。這個屬性有四個取值：

animation-fill-mode: none;
animation-fill-mode: forwards;
animation-fill-mode: backwards;
animation-fill-mode: both;

其中，none表示動畫結束后不會改變任何屬性值；forwards表示動畫結束后元素會保持動畫最后一幀的狀態；backwards表示動畫開始前元素會先應用動畫的第一幀的狀態；both表示同時應用forwards和backwards的效果。

舉個例子，我們可以使用下面的CSS代碼來創建一個向右滑動的動畫：

.slide-right {
animation-name: slide-right;
animation-duration: 2s;
animation-fill-mode: forwards;
}
@keyframes slide-right {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}

在這個例子中，我們將animation-fill-mode設置為forwards，這樣動畫結束后元素會停留在最后一幀的狀態，即translateX(100%)。如果我們將animation-fill-mode設置為backwards，動畫結束后元素會回到translateX(0)的狀態。

總之，在使用CSS動畫時，我們應該根據需要選擇合適的animation-fill-mode屬性值，以達到我們需要的效果。