Derse geri dön

Havadaki uçağa animasyon ekle (CSS)

önem: 5

Bir önceki görevdeki çözümü değiştirerek Uçağa animasyon ekle (CSS) uçağı orijinal boyutu 400x240px’den daha büyük hale getir (dışarı taşır), ve o boyutuna geri çevir.

Son hali böyle olmalı (uçağa tıkla):

Bir önceki çözümü temel alarak ilerleyebirsiniz.

Animasyon için doğru Bezier eğrisini seçmemiz gerekiyor. Bir yerinde y>1 olmalı ki uçak “dışarı taşabilsin”.

Örneğin iki kontrol noktasını da y>1 olacak şekilde ayarlayabiliriz: cubic-bezier(0.25, 1.5, 0.75, 1.5).

Eğrinin grafiği:

Çözümü korunaklı alanda aç.