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.

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

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