Filters

Blur, brightness, contrast, and grayscale effects

Filter utilities apply visual effects like blur, brightness, contrast, and grayscale to elements.

Filter

Value

Filtered

blur-none

Tailwind CSS

<div class="blur-none">
  <img src="photo.jpg" />
</div>

<!-- Hover filter -->
<div class="hover:blur-xl
  transition duration-300">
  Hover to apply filter
</div>

30 / 35