Shadows

Allows you to add multiple outer/inner shadows to blocks.

Outer Shadow

The Outer Shadow property is used to create shadows, often called drop shadows just like in Photoshop. The shadow will appear outside the block.

You can add as many outer shadows as you like.

Add

1. Select a block

2. Open the Block Inspector​

3. Navigate to the Design tab

4. Open the Borders tab

5. Find the Outer Shadow property

6. Click on the ➕ ​​icon

Modify

1. Select a block

2. Open the Block Inspector​

3. Navigate to the Design tab

4. Open the Borders tab

5. Find the Outer Shadow property

6. Find the Outer Shadow value you want to modify

7. Click on selected option

8. Enter the desired value (color, blur, spread, horizontal, vertical)

Remove

1. Select a block

2. Open the Block Inspector​

3. Navigate to the Design tab

4. Open the Borders tab

5. Find the Outer Shadow property

6. Find the Outer Shadow value you want to remove

7. Click on the ➖ ​​icon

Reset

1. Select a block

2. Open the Block Inspector​

3. Navigate to the Design tab

4. Open the Borders tab

5. Find the Outer Shadow property

6. Click on the Outer Shadow label

7. Click on dot(s) to reset

Colour Sets the colour of the shadow. If the value is omitted, the box shadows have the colour of the text.

Image Blur The larger this value, the more diffuse the shadow will be: the shadow will therefore be more spread out and lighter.

Spread Positive values ​​will spread the shadow and negative values ​​will shrink the shadow.

Horizontal The horizontal offset of the shadow, a positive value means the shadow will be to the right of the box, a negative value will position the shadow to the left of the box.

Vertical The vertical offset of the shadow, a positive value means the shadow will be at the bottom of the box, a negative value will position the shadow above the box.

Inner shadow

The Inner Shadow property is used to create shadows, often called drop shadows just like in Photoshop. The shadow will appear inside the block.

You can add as many inner shadows as you like.

Add

1. Select

2. Open the Block Inspector​

3. Navigate to the Design tab

4. Open the Borders tab

5. Find the Inner Shadow property

6. Click on the ➕ ​​icon

Modify

1. Select a block

2. Open the Block Inspector​

3. Navigate to the Design tab

4. Open the Borders tab

5. Find the Inner Shadow property

6. Find the Inner Shadow value you want to modify

7. Click on selected option

8. Enter the desired value (color, blur, spread, horizontal, vertical)

Remove

1. Select a block

2. Open the Block Inspector​

3. Navigate to the Design tab

4. Open the Borders tab

5. Find the Inner Shadow property

6. Find the Inner Shadow value you want to remove

7. Click on the ➖ ​​icon

Reset

1. Select a block

2. Open the Block Inspector​

3. Navigate to the Design tab

4. Open the Borders tab

5. Find the Inner Shadow property

6. Click on the Inner Shadow label

7. Click on dot(s) to Reset

Colour Sets the colour of the shadow. If the value is omitted, the box shadows have the color of the text.

Blur The larger this value, the more diffuse the shadow will be: the shadow will therefore be more spread out and lighter.

Spread Positive values ​​will spread the shadow and negative values ​​will shrink the shadow.

Horizontal The horizontal offset of the shadow, a positive value means the shadow will be to the right of the box, a negative value will position the shadow to the left of the box.

Vertical The vertical offset of the shadow, a positive value means the shadow will be at the bottom of the box, a negative value will position the shadow above the box.