調用CSS文件動畫可以讓網站更加生動有趣，提升用戶體驗。以下是一些指導教程：
/* css文件 */
/* 定義動畫 */
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* 將動畫賦值給元素 */
.spinner {
animation: spin 2s linear infinite;
}在HTML中我們可以通過以下方式調用這個CSS動畫：
<!DOCTYPE html><html><head><title>CSS動畫調用<link rel="stylesheet" href="style.css"></head><body><div class="spinner">我在旋轉！
以上代碼中，我們在`<head>`標簽中引入了`style.css`文件。在`<body>`標簽中，我們創建了一個`<div>`元素，為它定義了CSS類名`spinner`，通過將這個類名賦給元素，即可調用定義在CSS文件中的動畫。
需要注意的是，`animation`屬性中的四個參數依次表示：
- 動畫名稱
- 動畫時長
- 動畫速度曲線
- 動畫播放次數
這些參數可以根據實際需求調整，例如我們在這個例子中將動畫播放次數設為`infinite`，表示無限循環播放。同時，我們也可以通過在`@keyframes`中定義不同的關鍵幀，創建出更加豐富的動畫效果。