While the element is being pressed.

Example#

html
<button class="active:scale-95 transition">Press</button>

Stacking#

Prefix order is screens → variants → utility. These variants combine with every screen (xxs: xs: sm: md:…) and with each other.

Best practices#

  • active:scale-95 = tactile press feedback

variants/index|Variants hub · responsive/index|Responsive · utilities/index|Utilities