CSS動圖加載是指使用CSS代碼來實現頁面上的動畫效果，這些動畫效果通常用于網站的裝飾和交互，能夠為用戶帶來良好的視覺體驗。

/* 以下是利用CSS實現動圖的代碼示例 */
.animation {
/* 設置動畫的寬高 */
width: 50px;
height: 50px;
/* 設置動畫播放時間 */
animation-duration: 2s;
/* 設置動畫播放次數 */
animation-iteration-count: infinite;
}
@keyframes loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.animation.loading {
/* 利用動畫關鍵幀實現旋轉的效果 */
animation-name: loading;
}

上面代碼中的animation類名表示該元素需要播放動畫，loading類名表示該元素需要播放的動畫效果是旋轉。animation-duration屬性設置了動畫的播放時長，animation-iteration-count屬性設置動畫循環次數，這里的infinite表示無限循環。

在 @keyframe 中，定義了動畫的名稱（loading），并在0%和100%的關鍵幀中設置了動畫的開始和結束效果，這里是通過 transform: rotate() 來實現圖片的旋轉。最后，通過.animation.loading來將動畫應用到具體的 HTML 元素上。

使用 CSS 動圖加載不僅能優化用戶體驗，還能加快網頁加載速度，提高性能表現。但應注意，不宜過多使用 CSS 動畫，以免影響頁面的響應速度。