How to Add Shadows to Elements

Video Tutorial:

Article:

Add shadows to your elements to make them stand out, and customise their appearance with a range of options.

1. Select the element you want to add a shadow to. In the Properties panel, click on Shadows.
2. Enter the horizontal and vertical shift: this will make the shadow appear, positioned around your element.
3. Choose the shadow color by clicking the color dropdown or enter the RGB value.
4. Enter a value to determine the amount of blur on the shadow, and shadow spread to determine its size.
5. Toggle Inset Shadow to make the shadow appear on the inside of the element, or the outside.
   
6. The On mouse over option allows the user to change the colour of the shadow when the mouse hovers over it.