Make website elements come to life with the new shadow controls that enable you to customize the shadow on key elements including buttons, images, rows, popups and more.

With this enhanced design capability, you can give objects a trendy, minimalist touch. You’ll help elements pop off the screen , enhance the overall page design, and add a realistic 3D appearance to your websites.

Your Shadow Controls

You can control shadows in the following way:


  • Color: Choose just the right shadow color.
  • Opacity: Shadows aren’t solid splashes of color, so use the opacity setting (located in the color picker) to get your shadow effect just right.
  • Type: Choose whether the shadow appears on the inner or outer border of the object.
  • Position: Choose whether the shadow appears at the top, bottom, right or left side of the element, or set the shadow to surround the entire element.




Shadow Tips & Best Practices

Outer Shadow



Shadow Dos and Don'ts









Dark Background Do







To explore your new shadow capabilities turn the Shadow toggle to on.

August 20, 2018
Roni Landau

 • 

New Capability! Customize & Control Shadows

Stay in the Loop with Duda Updates

Sign up to get feature releases, tools, and more to your inbox.

Latest product updates

Google Lighthouse score card showing SEO 98 and Best Practices 97 on a white panel over a landscape background
By Tal Levi • October 9, 2026
A stronger foundation for every new Vibe project, with faster load times, better performance, and built-in SEO.
Accessibility app menu overlay on a photo background with a woman in sunglasses
By Ofri Baram • October 5, 2026
More updates for you that make Copilot a more integrated part of building and managing sites in Duda.
Interior scene with potted tree by a window and a dark sidebar menu on the right.
By Avigayil Lewin • October 2, 2026
Create and work on Vibe projects directly from Claude, ChatGPT, or any other AI assistant that supports MCP.