Opacity & Visibility

Opacity scale and visibility helpers, including breakpoint show/hide. opacity-*/visible/invisible all have a named !important variant; the responsive forms don't combine with !important.

Opacity

Preview
opacity-0opacity-25opacity-50opacity-75opacity-100!opacity-50

Visibility

Preview
visibleinvisiblevisually-hiddenvisually-hidden-focusable