Filter

Drop Shadow

Utilities for applying drop-shadow filters to an element.

Basic usage

Adding a drop shadow

Use the drop-shadow-{amount} utilities to add a drop shadow to an element.

drop-shadow-md

drop-shadow-lg

drop-shadow-xl

drop-shadow-2xl

<div className="**drop-shadow-md** ...">
  <!-- ... -->
</div>
<div className="**drop-shadow-lg** ...">
  <!-- ... -->
</div>
<div className="**drop-shadow-xl** ...">
  <!-- ... -->
</div>
<div className="**drop-shadow-2xl** ...">
  <!-- ... -->
</div>