Animasikan bidang yang terbang (CSS)
Modifikasi solusi dari tugas sebelumnya Animasi sebuah bidang (CSS) untuk membuat bidang yang tumbuh dari ukuran aslinya 400x240px (melompat keluar) , dan kembalikan ukuran tersebut.
Ini adalah contoh bagaimana bidangnya terlihat (klik pada bidangnya):
Gunakan solusi dari tugas sebelumnya sebagai acuan.
Kita harus memilih Bezier Curve yang cocok untuk animasinya. Yang mana harus memiliki y>1
agar bidangnya dapat “melompat keluar”.
Contoh, kita bisa menggunakan titik kontrol dengan y>1
, seperti cubic-bezier(0.25, 1.5, 0.75, 1.5)
.
Grafiknya: