平面をアニメーション化（CSS）
重要度：5
下の画像のようにアニメーションを表示します（飛行機をクリックします）
- 画像はクリックすると
40x24pxから400x240px（10倍）に拡大します。 - アニメーションには3秒かかります。
- 終了時に「完了！」と表示されます。
- アニメーション処理中に、飛行機をさらにクリックする可能性があります。それらが「破壊」されてはいけません。
幅と高さの両方をアニメーション化するCSS
/* original class */
#flyjet {
transition: all 3s;
}
/* JS adds .growing */
#flyjet.growing {
width: 400px;
height: 240px;
}transitionendはプロパティごとに1回トリガーされることに注意してください。したがって、追加のチェックを実行しないと、メッセージは2回表示されます。