Animate il volo dell'aereo (CSS)
importanza: 5
Modificate la soluzione dell’esercizio precedente Animate un aereo (CSS) per far sì che l’aereo ecceda le dimensioni originali di 400x240px e successivamente ritorni al suo aspetto originale.
Cosi è come dovrebbe apparire (cliccate sull’aereo):
Prendete la soluzione dell’esercizio precedente come punto di partenza.
Dovete scegliere la giusta curva di Bezier per questa animazione. Deve avere un valore y>1 in qualche punto per far sì che l’aereo “ecceda” le sue dimensioni originali.
Ad esempio, potete impostare entrambi i punti di controllo con y>1, come: cubic-bezier(0.25, 1.5, 0.75, 1.5).
La curva: