Blog Post

Roni Landau • Aug 20, 2018

New Capability! Customize & Control Shadows

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

Shadow Dos and Don'ts

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



LATEST POSTS

Three squares with icons on them and the words `` more design power ''.
By Liron Hilb Horev 02 May, 2024
Alternative image on-hover, plus 3 more updates you wanted.
A blue background with the words seo overview on it.
By Tal Levi 30 Apr, 2024
A new way to instantly see and solve SEO issues, built right into the platform.
A picture of two cards with the words ``6 new store updates '' written on it.
By Ofri Baram 25 Apr, 2024
Sync the catalog with Google, add an image or text block to product pages, and more.
Show More
Proudly built on the Duda Responsive Website Builder
Share by: