CSS多幀動畫是一種非常有趣的動畫效果，可以讓網站或應用程序更具生動感和交互性，提高用戶體驗。以下是一些基本的CSS多幀動畫技術。

/* 定義多幀動畫 */  
@keyframes animate {  
0% { background-color: red; }  
25% { background-color: yellow; }  
50% { background-color: blue; }  
75% { background-color: green; }  
100% { background-color: red; }  
}  
/* 使用多幀動畫 */  
div {  
animation: animate 5s linear infinite;  
}

上面的代碼定義了一個名為 animate 的動畫，包含了 5 個關鍵幀（0%、25%、50%、75% 和 100%），每個關鍵幀指定了不同的背景顏色。接下來，在 HTML 中通過 div 元素使用該動畫效果，設定了動畫播放的時間為 5 秒，動畫速度為 linear，播放次數是無限循環。

多幀動畫還可以使用 CSS3 transform 屬性來實現，比如可以讓一個元素順時針或逆時針旋轉。以下是一個例子：

/* 定義多幀動畫 */  
@keyframes rotate {  
0% {transform: rotate(0deg);}  
100% {transform: rotate(360deg);}  
}  
/* 使用多幀動畫 */  
div {  
animation: rotate 10s linear infinite;  
}

上面的代碼定義了一個名為 rotate 的動畫，包含了 2 個關鍵幀（0% 和 100%），指定了元素旋轉的角度。接下來，在 HTML 中通過 div 元素使用該動畫效果，設定了動畫播放的時間為 10 秒，動畫速度為 linear，并且播放次數是無限循環。

以上就是 CSS 多幀動畫的基本知識，只要掌握一些簡單的 CSS 技巧，就可以輕松實現動畫效果。