mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
1.1 KiB
1.1 KiB
| extends | title |
|---|---|
| _layouts.markdown | Shadows |
Shadows
Usage
Box shadows can be applied using the shadow utilities. By default these are a linear scale, where the lower values represent smaller (shallow) shadows, and higher values represent bigger (deeper) shadows.
.shadow-inner
.shadow-1
.shadow-2
.shadow-3
.shadow-4
.shadow-5
<div class="shadow-inner"></div>
<div class="shadow-1"></div>
<div class="shadow-2"></div>
<div class="shadow-3"></div>
<div class="shadow-4"></div>
<div class="shadow-5"></div>