Making a site for a client and wondering if there is a way of having the same item shadow as I have on my mockup for active and hover states.
I’ve tried uploading the .svg without shadow, this resulted in a box shadow that goes around the div element instead of the desired result of appearing on the .svg object.
Then I tried creating a .svg with shadow and this requires a much bigger divs structure than I planned (because of the shadow around the object).
SVG containing shadow:
SVG without shadow + webflow box shadow:
Any way to achieve what I want?
Can’t believe we’re in 2019 and this is not possible to achieve without having to hustle with custom CSS.