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-hoverclass. 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 |