Webflow blog box shadow

[pixelweak (Randy Bobandy)]

Hey everyone, I am trying to recreate the box shadow that is being used on the webflow blog (https://webflow.com/blog) where you hover over the “Reading Lists”. I really love that effect but can’t seem to being able to recreate it as well.

Does anyone know how to make it?

Thanks in advance.

[sam-g]

@pixelweak - you can view the exact styling by inspecting the element in Chrome:

They have a box shadow and a filter with a transform to move the card up a few pixels on hover and a transition all for the box shadow.

[pixelweak (Randy Bobandy)]

Awesome thanks @sam-g for the quick reply

[sam-g]

@pixelweak - no problem, we’re you able to get it?

[pixelweak (Randy Bobandy)]

@sam-g yep it works perfectly. Not sure why I didn’t think of inspecting the element in the first place lol

Thanks again my dude.

[sam-g]

@pixelweak - np, would you mark the solution to close out the thread