动画飞机（CSS）
重要性：5
显示动画，就像下面的图片一样（点击飞机）
- 图片在点击后从
40x24px增长到400x240px（放大 10 倍）。 - 动画持续 3 秒。
- 动画结束后输出：“完成！”。
- 在动画过程中，可能会多次点击飞机。这些点击不应该“破坏”任何东西。
用于同时动画 width 和 height 的 CSS
/* original class */
#flyjet {
transition: all 3s;
}
/* JS adds .growing */
#flyjet.growing {
width: 400px;
height: 240px;
}请注意，transitionend 会触发两次 - 每个属性触发一次。因此，如果我们不进行额外的检查，消息将显示两次。