Filter

Invert

Utilities for applying invert filters to an element.

Basic usage

Inverting an element's color

Use the invert and invert-0 utilities to control whether an element should be rendered with inverted colors or normally.

invert-0

invert

<div className="**invert-0** ...">
  <!-- ... -->
</div>
<div className="**invert** ...">
  <!-- ... -->
</div>