zpět k lekci

Animace letícího letadla (CSS)

důležitost: 5

Upravte řešení předcházející úlohy Animace letadla (CSS) tak, aby se letadlo zvětšilo na větší než svou původní velikost 400x240px (poskočilo) a pak se na tuto velikost vrátilo.

Mělo by to vypadat následovně (klikněte na letadlo):

Jako zdroj použijte řešení předcházející úlohy.

Musíme zvolit správnou Bézierovu křivku pro tuto animaci. Měla by někde mít y>1, aby letadlo „poskočilo“.

Můžeme například vzít oba řídící body s y>1, třeba: cubic-bezier(0.25, 1.5, 0.75, 1.5).

Graf:

Otevřít řešení na pískovišti.