動畫化一個平面（CSS）
重要性：5
顯示動畫，如下圖所示（按一下飛機）
- 圖片按一下後會從
40x24px放大到400x240px（放大 10 倍）。 - 動畫需要 3 秒。
- 最後輸出：「完成！」。
- 在動畫處理過程中，可以按一下飛機多次。它們不應該「中斷」任何動作。
CSS 動畫化 寬度 和 高度
/* original class */
#flyjet {
transition: all 3s;
}
/* JS adds .growing */
#flyjet.growing {
width: 400px;
height: 240px;
}請注意，transitionend 會觸發兩次，每次對應一個屬性。因此，如果我們不執行額外的檢查，則訊息會顯示 2 次。