돌아가기
이 글은 다음 언어로만 작성되어 있습니다. English, Español, 日本語, Русский, Türkçe, 简体中文. 한국어 번역에 참여해주세요.

Animate the flying plane (CSS)

중요도: 5

Modify the solution of the previous task 비행기에 애니메이션 효과주기 (CSS) to make the plane grow more than its 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:

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