Shadows are a powerful tool to add depth and emphasis to your elements. You can find the Shadow feature in the Style Panel on the right side of the Droip interface.
Add Shadow: Click on the + icon to add a new Shadow layer. A new Shadow item will be added to the list.
Reorder Shadows: Use the four-dot icon to drag and rearrange the order of Shadow layers.
Visibility: Toggle the visibility of the Outer Shadow by clicking the eye icon on the right.
Remove Shadow: Click on the dash icon to remove the selected Shadow.
Customize your Shadow settings with the following options:
Instead of customizing your own shadow, you can save time by using a Shadow Preset!
To access Shadow Presets:
Create and save your own custom Shadow presets:
Leverage shadows to emphasize elements in various states, like Hover mode with transitions:
Was this page helpful?
Our website uses cookies to improve your browsing experience on our website. By continuing to use this website, you agree to their use. For details, please check our Privacy Policy.
Experience Droip in Action – Explore a live-built page and see the power of our builder in action.
Explore Live