Shadow allows you to add a visual effect to an element giving it more depth and creating a 3D effect. Depending on the element it’s modifying, it can be called either Shadow, Boxed Shadow or Text Shadow. You can modify these shadows by changing their color, size, angle and position.
Note: Not all these options are available for all types of shadows.
To create a shadow:
- Click the pencil icon.
- Horizontal and Vertical will move the shadow in different directions. This changes the location of the virtual light source creating the shadow.
- Blur softens the edges of the shadow.
- Spread increases the size of the shadow.
- Position determines if the shadow will flow from the element outwards (Outline), or into the element itself (Inset).
The options available for the shadow. Not all these options are available for all elements.
Note: To delete a shadow after you’ve created one, click the circular arrow (back to default) icon.
Shadows are simple to use and can help make your website deeper and far more interesting. It’s capable of creating everything from subtle drop shadows to dramatically different layers for your elements.