retour au cours
Ce contenu n'est disponible que dans les langues suivantes :English, Español, Indonesia, Italiano, 日本語, Русский, Türkçe, 简体中文. Merci de

Modify the solution of the previous task Animate a plane (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:

Ouvrez la solution dans une sandbox.