Button drop shadow

Hello, heroes!
I wonder if there is any possibility to make the drop shadow looks like the one on figma? Does anybody has dealt with?

Thank you in advance.

CSS shadows are box shadows, so they:

  • can’t be seen through the element even if the element is transparent
  • can’t reflect the morphology of the element like in your example. They’ll always span from an edge to the opposite one.

To achieve with Webflow what you did in figma, you can duplicate your element, lay the copy under it, and play with CSS Filter Blur and Opacity, then move it with Position.

With a bit of custom code and the use of pseudo elements like ::after, you could compltely automate this, removing the need to manually duplicate an element and style it.

1 Like

Thank you a lot for a such detailed responce, Vincent!