How to make svg shadow?

[Alexey_Borisov]

I have a svg object and want to drop shadow of each element inside. When I adding shadow effect it’s applies to border of the whole svg object. Is it possible to drop shadow from each element?

[cyberdave (Dave S.)]

Hi @Alexey_Borisov, you would probably need to do this using custom SVG code and a Webflow html embed widget.

Create the shadow on the SVG object in the source tool, then copy the svg output code to the html embed widget on your page.

This article from stackoverflow may help: How to apply drop-shadow filter via CSS to SVG specific element/path - Stack Overflow

I hope this helps.

[Alexey_Borisov]

Thanks! It’s need embedding which is not available in free plan. Hope our developers will add this functionality without embedding extra code.