Content overlay on hover

Hello, I’m a designer and I know a little bit of code but not enough to build things from scratch. I am looking for help on how to create the hover effect shown in these 2 images in Webflow. When the first image is hovered I need to overlay it with a div that has background color with alpha and the text shown in the second image. When clicked it should go to a project detail page. I have searched every video and topic on Webflow I can find and cannot figure out how to make this happen. I am a Flexbox novice but have started to figure out how different display settings work. I cannot seem to layer content properly to make this effect happen. Any help or advice would be greatly appreciated!

Thank you!


Hi @Matt_Miller welcome to the community! :smiley:

This article may help you:
https://webflow.com/blog/how-to-create-a-thumbnail-overlay

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.