Hover, Focus & States

Style interactive states with modifier classes

Tailwind modifier classes let you style elements based on their state. Try interacting with the preview.

Styles applied when mouse hovers over the element

Tailwind CSS

<button class="bg-orange-500 hover:bg-orange-600 hover:scale-105 hover:shadow-lg">
  Hover me
</button>

17 / 23