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 |