This card demonstrates multiple hover effects applied simultaneously, all smoothed with `transition-all`. Notice how the shadow, border, and background change on hover.
Hover over this card to see various properties change smoothly. This provides a richer interactive feel.
The key is to combine `hover:` prefixes with `transition` classes (like `transition-all`, `transition-colors`, etc.) and `duration` classes to create polished interactions.