The Simple Shadow effect adds a drop shadow behind elements with transparency, creating depth and separation from the background.
Warning
This effect is very performance intensive at high step counts.
How it works
Simple Shadow works by creating an offset copy of the original image and darkening it to create a shadow. The effect can be configured to create both outer shadows (behind content) and inner shadows (inside content).
For more advanced shadow capabilities with better quality and control, consider using the Advanced Shadow effect.
Use cases
- Adding depth to text or logos
- Creating inner shadows for embossed effects
Controllers
| Name | Type | Description | Range |
|---|---|---|---|
| Offset X | Number | Horizontal offset of the shadow | -20-20 |
| Offset Y | Number | Vertical offset of the shadow | -20-20 |
| Opacity | Number | Controls the transparency of the shadow | 0-1 |
| Color | Color | Color of the shadow | - |
| Spread | Number | Controls the softness of the shadow edges | 0-100 |
| Size | Number | Controls the size/blur of the shadow | 0-20 |
| Steps | Number | Quality of the shadow blur (0 for hard shadow) | 0-25 |
| Inner Shadow | Boolean | Creates shadow inside content instead of behind it | - |
| Shadow Only | Boolean | Shows only the shadow without the original | - |