Transisi & Animasi

transition-all mempropagasi perubahan properti (warna, transform, shadow) lewat kurva waktu: duration-300 menentukan lama, ease-out membuat perlambatan alami. Kombinasikan dengan hover:scale-105 atau hover:-translate-y-1 untuk umpan balik taktil.

v4 menyediakan animate-spin, animate-pulse, animate-bounce untuk kebutuhan umum. Untuk aksesibilitas, padukan motion-reduce: agar animasi dimatikan bagi pengguna dengan prefers-reduced-motion — checklist wajib di §38 materi.