Add or remove shadows to elements with box-shadow utilities.
| Class | Values |
|---|---|
class="shadow"
|
Add regular shadow to any element. |
class="shadow-[value]"
|
sm / lg / xl |
class="shadow-none"
|
Remove shadow from any element. |
Change the directions of shadow on the go.
| Class | Values |
|---|---|
class="shadow-[value]"
|
top / bottom / left / right |
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 |