CSS3動畫是前端開發中非常重要的一個部分。它可以讓我們通過 CSS 來創建各種動態效果，如旋轉、移動、變形、漸變等，讓網頁更加生動有趣。

/* 這是一個簡單的 CSS3 動畫 */
.box {
width: 100px;
height: 100px;
background-color: blue;
animation-name: my-animation;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes my-animation {
0% { transform: scale(1); }
50% { transform: scale(1.5); }
100% { transform: scale(1); }
}

CSS3 動畫有許多屬性可以設置。其中最重要的是 animation-name，它指定了要使用哪個 keyframes 規則。animation-duration 表示動畫完成的時間，單位可以是秒(s)或毫秒(ms)。animation-iteration-count 表示動畫的循環次數，可以是數字或 infinite 表示無限循環。animation-direction 表示動畫循環的方向，可以是 normal（默認值）、alternate（循環反向進行）或 reverse（循環倒播）。

在作 CSS3 動畫時，可以運用 transform 屬性來實現各種效果。如上述代碼中的 transform: scale()，表示進行縮放變換。其他常用的變換屬性還有 rotate、translate、skew 等。

CSS3 動畫為我們帶來了很多便利，同時也增加了開發者的選項。通過對 CSS3 動畫的深入學習，我們可以創造出更加生動有趣的頁面。