Shadows

Add or remove shadows from elements with box-shadow utilities.

Basic Usage

.shadow-sm - Adds a small box shadow.
.shadow - Adds a default box shadow.
.shadow-lg - Adds a large box shadow.
.shadow-none - Removes any box shadow.

Example

.shadow-sm

.shadow

.shadow-lg

html

<div class="shadow-sm">...</div>
<div class="shadow">...</div>
<div class="shadow-lg">...</div>