돌아가기

Animate the flying plane (CSS)

중요도: 5

Modify the solution of the previous task 비행기에 애니메이션 효과주기 (CSS) to make the plane grow more than it’s original size 400x240px (jump out), and then return to that size.

Here’s how it should look (click on the plane):

Take the solution of the previous task as the source.

We need to choose the right Bezier curve for that animation. It should have y>1 somewhere for the plane to “jump out”.

For instance, we can take both control points with y>1, like: cubic-bezier(0.25, 1.5, 0.75, 1.5).

The graph:

샌드박스를 열어 정답을 확인해보세요.