StylePlayground ↬ Box-Shadow Utility Class Reference

There are several box-shadow utility classes available. This is here as a reference to the custom properties and utility class names. View examples →

Utility Classes

  • .shadow-s
  • .shadow-m
  • .shadow-l
  • .shadow-xl
  • .shadow-inner
  • .shadow-none

Custom Properties

  • --shadow-s
  • --shadow-m
  • --shadow-l
  • --shadow-xl
  • --shadow-inner
  • --shadow-none

Box Shadow Examples

shadow-s

shadow-m

shadow-l

shadow-xl

shadow-inner