Tailwind CSS Box Shadows

Tailwind CSS box shadows apply to an element by different box-shadow utilities like small, medium, large, and extra-large. Diverse box shadows are possible by using these different-sized box-shadow utilities.

  • Edit
    Tailwind Small
  • Edit
    Tailwind Normal
  • Edit
    Tailwind Medium
  • Edit
    Tailwind Extra Large
  • Edit
    Tailwind Two Extra Large
  • Edit
    Tailwind Inner

Box Shadow Property Tips

Try both inner and outer box-shadow utilities to achieve stunning effects on an element. Inner shadows can be helpful for things like form controls or wells.