transition: animasi paling berguna

transition membuat perubahan nilai berlangsung mulus, bukan patah. Aturan penting: pasang transition di keadaan normal, bukan di `:hover` — kalau dipasang di hover, animasinya mulus saat masuk tapi patah saat keluar. Sebutkan properti spesifik (background-color) daripada all agar performanya terjaga. Pilih durasi yang wajar pula: 150–300 ms terasa responsif, sedangkan di atas 500 ms mulai terasa lambat bagi pengguna.

.link {
  color: gray;
  transition: color 0.2s ease;  /* ← di keadaan NORMAL */
}

.link:hover {
  color: black;                 /* ← hanya perubahan nilainya */
}