HTML & CSS EnhancementsLesson 31Preview gratis
Animations
Lesson ini bagian dari Intro to HTML & CSS · Semua level
Ringkasan
Animasi CSS memungkinkan perubahan bertahap melalui blok @keyframes yang dijalankan berulang sesuai konfigurasi. Berbeda dengan transisi, animasi bisa berjalan otomatis tanpa perubahan pemicu dari pengguna. Kamu mempelajari properti animation seperti nama, durasi, pengulangan, dan arah.
Poin kunci
- @keyframes mendefinisikan tahapan animasi dalam persentase 0% sampai 100%
- animation-name menunjuk blok keyframes yang dipakai elemen
- Properti lain: duration, timing-function, iteration-count, direction, fill-mode
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.