Shadow
Shadow
Add or remove shadows to elements with box-shadow utilities.
No shadow
Small shadow
Regular shadow
Large shadow
Extra Large shadow
| Class | Values |
|---|---|
class="shadow" |
Add regular shadow to any element. |
class="shadow-[value]" |
sm / lg / xl |
class="shadow-none" |
Remove shadow from any element. |
Shadow Direction
Change the directions of shadow on the go.
| Class | Values |
|---|---|
class="shadow-[value]" |
top / bottom / left / right |
Shadow Hover
Add hover effect by adding .shadow-hover class. For additional sizes add .shadow-hover-*modifier classes.
| Class | Values |
|---|---|
class="shadow-hover" |
Add regular size hover effect on any element. |
class="shadow-hover-[value]" |
sm / lg / xl |