MoreLesson 262Preview gratis
Animate Icons
Lesson ini bagian dari How To · Semua level
Ringkasan
Ikon dapat diberi animasi agar interaksi terasa lebih hidup, misalnya berputar saat hover atau berdenyut untuk notifikasi. Animasi sederhana cukup memakai transition, sedangkan gerakan berulang memakai @keyframes dan properti animation. Selalu sediakan pengurangan gerak bagi pengguna yang sensitif.
Poin kunci
- transition cocok untuk perubahan sekali jalan saat hover atau fokus.
- @keyframes mendefinisikan tahapan animasi, lalu dipakai lewat properti animation.
- transform: rotate() dan scale() menghasilkan animasi ringan.
- animation-iteration-count: infinite membuat animasi berulang terus.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.