Button Hover Effect

The button below changes its background color when you hover over it.

Uses: bg-blue-500 hover:bg-blue-700

Link Hover Effect

The link below gets an underline when you hover over it.

Hover Over This Link

Uses: text-green-600 hover:underline hover:text-green-800

Card Hover Effect

This card changes its shadow and border color on hover.

Interactive Card

Hover to see effects.

Uses: hover:shadow-xl hover:border-purple-500

Note: For smooth effects here, you'd also add transition classes (demonstrated in the next example).