Fluent UI CSS Box Shadows

Fluent UI ( Microsoft ) Design System has some stunning box shadows. These Fluent UI CSS box shadows are a great source of motivation.

  • Edit
    Fluent UI Soft
  • Edit
    Fluent UI Aesthetic
  • Edit
    Fluent UI Creative
  • Edit
    Fluent UI Raised

Box Shadow Property Tips

The CSS box-shadow property allows applying one or more shadows to an element. You only specify a horizontal and a vertical shadow in its most straightforward use. The default color of the shadow is the current text-color.