Layers
Layer 1
0px, 4px • 8px blur • 25%
Quick Actions
💡 Layer Tips:
- • Drag layers to reorder (top = front)
- • Click layer to make it active
- • Use eye icon to toggle visibility
- • Duplicate layers for complex effects
Properties
Editing Layer 1
Drop Shadow • Visible
Position
-100px0100px
-100px0100px
Effects
SharpBlurry
Contract0Expand
TransparentOpaque
Color
Shadow Type
Drop Shadow
Creates a shadow behind the element, giving it depth and elevation
Element Properties
Presets
Basic
Standard
Special
Quick Actions
Shadow Tips
•Use subtle shadows for cards and buttons
•Layer multiple shadows for realistic depth
•Inset shadows create pressed/recessed effects
•Colored shadows add personality to designs
💡 Click any preset to instantly apply professional shadow effects. Each preset is optimized for different UI contexts.
Layers
Layer 1
0px, 4px • 8px blur • 25%
Quick Actions
💡 Layer Tips:
- • Drag layers to reorder (top = front)
- • Click layer to make it active
- • Use eye icon to toggle visibility
- • Duplicate layers for complex effects
Properties
Editing Layer 1
Drop Shadow • Visible
Position
-100px0100px
-100px0100px
Effects
SharpBlurry
Contract0Expand
TransparentOpaque
Color
Shadow Type
Drop Shadow
Creates a shadow behind the element, giving it depth and elevation
Element Properties
Presets
Basic
Standard
Special
Quick Actions
Shadow Tips
•Use subtle shadows for cards and buttons
•Layer multiple shadows for realistic depth
•Inset shadows create pressed/recessed effects
•Colored shadows add personality to designs
💡 Click any preset to instantly apply professional shadow effects. Each preset is optimized for different UI contexts.