Image hover scaling in Quick Stack goes beyond margins

Design help Animations & Interactions
1

Hello!

I’m currently trying to add a subtle scale on hover effect to the highlight images on this homepage, however, every time I do, the images expand beyond the margins / cells of the quick stack. The overflow is set to not show, and width / height are also dictated. Would love help or a solution!

Here is my public share link: Webflow - Box 8 Creative

2

I don’t see a hover state applied to any images. Which one is it?

I did a test on a random one and it works as expected. No overflow is happening.

3

Apologies, had removed the hover state. I reapplied to the first set of images, and overflow issue is still happening.

4

I see. You just need one div added to the cells, and set that to no overflow.

no-overflow
no-overflow1800×946 400 KB

5

Thank you! This solved the issue.

1 Like