CSS動畫可以幫助我們為網站添加一些互動和動態效果，但是有時候我們希望讓動畫到達100%后保持不變，而不是回到初始狀態。本文將介紹如何實現這種效果。

.animation {
/* 定義動畫 */
animation-name: slide-in;
animation-duration: 2s;
animation-fill-mode: forwards; /* 設置動畫停留在100% */
}
@keyframes slide-in {
/* 動畫細節 */
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}

在上面的代碼中，我們首先定義了一個動畫類名“.animation”，并將它的動畫名稱設置為“slide-in”，動畫持續時間為2秒。然后，我們使用了“animation-fill-mode”屬性，將動畫停留在100%的狀態，并保持不變。

接下來，我們定義了“slide-in”動畫的具體細節。它從元素當前位置開始，向右移動100%。

這樣，我們就實現了一個 CSS 動畫到 100% 停留不變的效果。