Filter

Blur

Utilities for applying blur filters to an element.

Basic usage

Blurring elements

Use the blur-{amount?} utilities to blur an element.

blur-none

blur-sm

blur-lg

blur-2xl

<div className="**blur-none** ...">
  <!-- ... -->
</div>
<div className="**blur-sm** ...">
  <!-- ... -->
</div>
<div className="**blur-lg** ...">
  <!-- ... -->
</div>
<div className="**blur-2xl** ...">
  <!-- ... -->
</div>