CSS3動畫在現代Web開發中變得越來越普遍，而且它們為用戶提供了更豐富的體驗。

動畫可以分為兩種類型：一種是循環動畫，另一種是單次執行的動畫。對于這兩種動畫，我們都有一個關鍵幀在動畫的結束處。這個關鍵幀被稱為“動畫結束”。 如果你希望動畫結束后，元素保持在結束狀態，那么可以使用“動畫結束保持”效果。這個效果將告訴HTML元素，在動畫結束后保持最終狀態而不是回到初始狀態。

/* 定義動畫 */
@keyframes example {
from {transform: scale(1);}
to {transform: scale(1.5);}
}
/* 應用動畫 */
div {
animation-name: example;
animation-duration: 2s;
animation-fill-mode: forwards;  /* 動畫結束保持效果 */
}

在這個例子中，我們定義了一個簡單的動畫，該動畫將元素的大小從1倍變成1.5倍，用了“animation-fill-mode: forwards;”效果，這將導致元素在動畫結束后停留在結束狀態。

使用“動畫結束保持”效果可以極大的提高用戶體驗，同時也可以幫助我們保證UI在整個過程中更加順暢。