Multiple shadow for a component

is there a way to use two shadow in a single element ?
for eg ; i need to have one shadow on the top and one shadow on the bottom for an element.
I’ve been looking to do without layering up an element over element to do this.

Need help !

thanks in advance!

If you set your vertical & horizontal offsets to 0 and then just set the spread radius to whatever you want it to be then you’ll end up with a uniform shadow all-around your element. If you make the spread radius larger the shadow will get larger. You can then apply a blur or whatever.

If you wanted to restrict this to just the top and bottom and not the sides (weird but ok :rofl:) you can just place the element in another group and make it smaller by the same number of pixels as your shadow


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand

hey , thank you for your response, @josh24. This helps a lot, but what I’ve been looking for is to add two color of shadow on an element. Is there a way to do that ?

Not without layering elements / groups on top of each other.


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand

1 Like

thanks, @josh24.
Hope this feature will reach our hands soon.

This topic was automatically closed after 70 days. New replies are no longer allowed.