Shadow
Add or remove shadows to elements.
Add Shadow
Use shadow utilities to add different box shadow sizes to elements.
Small shadow
Regular shadow
Larger shadow
<div class="shadow-sm">Small shadow</div>
<div class="shadow">Regular shadow</div>
<div class="shadow-lg">Larger shadow</div>Add shadow on hover
Use hover shadow utilities to add a shadow only when an element is hovered.
Hover Small shadow
Hover Regular shadow
Hover Larger shadow
<div class="hover-shadow">hover me</div>Remove shadow
Use .shadow-0 to remove a box shadow from an element.
No shadow
<div class="shadow-0">No shadow</div>