> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/design/borders/shadows.md).
# 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.
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://docs.cwicly.com/design/borders/shadows.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.