回到课程

为飞机生成动画(CSS)

重要程度: 5

修改前一个的任务 让飞机动起来(CSS) 的解决方案,让飞机超过原有的大小 400x240px(跳脱出来),然后再回到之前的大小。

这里是效果演示(点击飞机):

在前一个解决方案的基础上做修改。

我们需要为此选择合适的贝塞尔曲线。它应该在某个地方拥有 y > 1,来使得飞机『跳出来』。

举例来说,我们可以使两个控制点的 y 都大于 1cubic-bezier(0.25, 1.5, 0.75, 1.5)

如图:

使用沙箱打开解决方案。