Hover, Focus, and Active Styles

Learn how to use Tailwind's variant modifiers to style elements in different states.

Download HD Download video SD Source code

Next lesson

Tools used

VS Code as the editor
Sizzy for the browser preview on the right-hand side
Tailwind CSS Intellisense for intelligent auto-completion in VS Code

Beautiful UI components by the creators of Tailwind CSS.

Learn more →

Tailwind UI is now in early access!Now in early access!Beautiful UI components by the creators of Tailwind CSS.Beautiful UI components, crafted by the creators of Tailwind CSS.

Learn more