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 |