Shadows

Tailwind provides a set of beautifully designed box shadows to give your designs a bit of depth.

Much like the rounded utility class, you can simply use the shadow utility class to add a shadow to an element or suffix it with sm, md, lg, xl, etc. to change the size of the outer box shadow.

shadow-{size}