Latihan 1 dari materi Web Animations API (WAAPI) di Web Animation — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Buat function buildWaapiCall(keyframes, options) yang mensimulasikan pemanggilan element.animate() WAAPI dengan mengembalikan sebuah object { keyframes, options } yang akan dipassing ke API.
Lalu buat function buildFadeIn(durationMs) yang mengembalikan object WAAPI config untuk animasi fade-in:
keyframes: [{ opacity: 0 }, { opacity: 1 }]options: { duration: durationMs, easing: "ease-out", fill: "forwards" }Catatan: kita tidak benar-benar menjalankan animasi — hanya menyusun argumen yang nantinya diberikan ke element.animate(keyframes, options).