Streaming live at 10am (PST)

How to Create a Card Overlay Upon Click

Hi!

I was wondering how to recreate Dribbble’s browsing features, where the user can stay within the same window even when clicking on different projects by engaging with a card overlay. You can interact with their website here: https://dribbble.com/shots/popular/web-design.

I created background videos because my GIF files are too long to shrink the size to below 4MB—that was my workaround. However, I’m unsure on how to make the cards responsive (scale down in size).

My biggest issue is I do not know how to create a card overlay once the user clicks on my card. Is it possible with Webflow’s Designer?

Thanks for taking the time to review this.

Best,

Ruth


Here is my site Read-Only: https://preview.webflow.com/preview/ruthmchen?utm_medium=preview_link&utm_source=designer&utm_content=ruthmchen&preview=a1efeb0b9af9429a74595b7b8b7dda7a&pageId=5e770d2d9105fa140ee1d751&mode=preview