CSS Transitino & Animation

CSS 轉場與動畫提供了簡單、有效的方式，讓網頁元素具備動態效果，提升使用者體驗與視覺吸引力。透過理解 transition、animation、keyframes 等技巧，開發者可以創造更自然且效能優化的互動體驗。

轉場

當你希望元素的樣式變化不是立刻發生，而是以 漸變 的方式呈現時，就可以使用 CSS Transition。舉例來說，當滑鼠移到按鈕上，按鈕的顏色會慢慢變深，而不是瞬間改變，這就是轉場的效果。

動畫

CSS Animation 則可以讓元素依照預設的關鍵影格（keyframes），在一段時間內自動產生連續的動畫效果。例如: 讓一個方塊自動從左移到右、顏色循環變換等。