Utilities for applying filters to an element.
Use utilities like blur-xs and grayscale to apply filters to an element:
You can combine the following filter utilities: blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, saturate, and sepia.
Use the filter-none utility to remove all of the filters applied to an element:
<!-- [!code classes:md:filter-none] -->
<img class="blur-md brightness-150 invert md:filter-none" src="/img/mountains.jpg" />