CSS動畫是網頁中常見的一種視覺效果，可以通過CSS的keyframe關鍵字和動畫屬性來定義一個動畫序列。但是有時候我們需要讓動畫停在最后一秒，以展示動畫中最后一個狀態。下面我們來介紹一下如何實現這個效果。

/* 定義一個動畫序列 */
@keyframes animate {
0% {
transform: translateX(0);
}
50% {
transform: translateX(200px);
}
100% {
transform: translateX(400px);
}
}
/* 應用動畫序列 */
.box {
animation-name: animate;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards; /* 讓動畫停在最后一秒 */
}

上面的代碼中，我們首先通過@keyframes定義了一個名為“animate”的動畫序列，其中分別定義了0%、50%和100%狀態下的CSS屬性。接著，在.box類中，我們通過animation-name屬性指定使用animate動畫序列，然后設置動畫持續時間和時間函數。最關鍵的是，我們通過animation-fill-mode將動畫停在最后一秒，使得動畫直到結束后停留在100%狀態。

這是實現CSS動畫停在最后一秒的方法，可以根據具體需求調整動畫樣式和fill-mode屬性，達到更加豐富的動畫效果。