W3.CSSLesson 44Preview gratis
W3.CSS Animations
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
W3.CSS menyediakan kelas animasi siap pakai seperti .w3-animate-top, .w3-animate-left, dan .w3-animate-zoom. Animasi berjalan ketika elemen ditampilkan, misalnya saat kelas .w3-show ditambahkan pada panel. Untuk gerakan yang lebih unik, kamu tetap bisa membuat animasi sendiri dengan aturan @keyframes pada CSS.
Poin kunci
- Kelas animasi populer: w3-animate-top, left, right, bottom, zoom, opacity, fading
- Animasi berjalan ketika elemen ditampilkan, bukan terus-menerus
- Padukan dengan .w3-show untuk menganimasikan panel atau modal
- Animasi kustom dibuat dengan @keyframes lalu diaktifkan oleh animation
- Jaga durasi tetap singkat agar pengguna tidak menunggu lama
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.