transition หลายคุณสมบัติ

.card {
  opacity: 0.95;
  transition:
    opacity 150ms ease,
    box-shadow 200ms ease;
}
.card:hover {
  opacity: 1;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* หรือแบบย่อทุกคุณสมบัติ — ระวังอาจแอนิเมตสิ่งที่ไม่ตั้งใจ */
.nav-link {
  transition: 180ms ease;
}