CSS速刷 - CSS動畫

作用：引起注意、愉悅感、反饋、掩飾（載入過程）

1. transition動畫
   補間動畫，中間過程可以計算出來。
   
   transition: width 1s:意味動畫屬性是width，動畫時間是1秒。
   
   delay： 動畫延遲幾秒再開始
   transition-timing-function 緩動函式:
   
   可以自己定製。

2. 關鍵幀動畫 animation
   
   animation-fill-mode: 動畫最後停到哪裡
   

3. 逐幀動畫
   屬於關鍵幀動畫的特殊用法，中間無補間動畫的計算。獵豹跑動的8張圖片。
   
   搞個timing-function: steps指定關鍵幀之間有幾個畫面，數值越大畫面越多，越雜亂的感覺。
   一般就設定steps(1)
   
   
   動畫太長不合適，畫面太大也不合適。大小和時長一定要控制好

🤠面試真題 動畫要怎麼寫