Shadows

Elements such as boxes and images can have shadows to give them a more real-world, dimensional feel. Add shadows by clicking the “+” in the “Shadows” panel located in the sidebar.

Shadow panel

The options for a shadow are the following:

  1. Type: drop or inner shadow
  2. Color
  3. Direction
  4. Distance: how far the shadow is from its element
  5. Blur: the softness of the shadow
  6. Spread: when blur is set to “0”, a larger size will act like a solid border

Shadow panel options

An element can have multiple shadows which can be layered and sorted.

Multiple shadow layers

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.