pixelweak
(Randy Bobandy)
July 7, 2020, 4:07pm
1
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
(Sam G.)
July 7, 2020, 4:10pm
2
@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)
July 7, 2020, 4:11pm
3
Awesome thanks @sam-g for the quick reply
sam-g
(Sam G.)
July 7, 2020, 4:36pm
4
@pixelweak - no problem, we’re you able to get it?
pixelweak
(Randy Bobandy)
July 7, 2020, 4:53pm
5
@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
(Sam G.)
July 7, 2020, 5:23pm
6
@pixelweak - np, would you mark the solution to close out the thread