CSS3 動畫是網頁設計的重要組成部分，它可以使網頁更加生動、活潑。與傳統的 JavaScript 動畫相比，CSS3 動畫具有更高的性能和更好的兼容性，因此得到了廣泛的應用。

然而，CSS3 動畫在使用過程中，經常需要獲取動畫的結束狀態或者做出一些特殊的響應。這時候就需要使用動畫結束回調函數。

.animation {
animation-name: my_animation;
animation-duration: 2s;
}
.animation.finished {
/* 動畫結束后需要做出的響應 */
}
@keyframes my_animation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
const animEle = document.querySelector('.animation');
animEle.addEventListener('animationend', () =>{
animEle.classList.add('finished');
})

上述代碼中，我們定義了一個名為 my_animation 的動畫，并且給它的結束狀態定義了一個名為 .finished 的樣式。在 JavaScript 中，我們通過添加動畫結束事件監聽器，獲取到動畫結束的狀態并添加 .finished 樣式。

需要注意的是，在使用動畫結束回調函數的時候，我們不僅要考慮動畫結束的時機，還要注意動畫結束后可能會出現的動畫閃爍和延遲。這時候可以使用 transition 或者 setTimeout 等方式進行處理。

總之，動畫結束回調是 CSS3 動畫中非常重要的一個功能，它可以讓我們更好的掌控動畫效果并實現更加酷炫的網頁設計。