Animar el avión volando (CSS)
importancia: 5
Modifica la solución de la tarea anterior Animar un avión (CSS) para hacer que el avión crezca más que su tamaño original 400x240px (saltar fuera), y luego vuelva a ese tamaño.
Así es como debería verse (haz clic en el avión):
Toma la solución de la tarea anterior como punto de partida.
Necesitamos elegir la curva de Bézier correcta para esa animación. Debe tener y>1
en algún punto para que el avión “salte”.
Por ejemplo, podemos tomar ambos puntos de control con y>1
, como: cubic-bezier(0.25, 1.5, 0.75, 1.5)
.
La gráfica: