Hey guys/girls,
I’ve got a website set up where I’d like to (on desktop) have the projects/gallery images zoom/scale when you mouseover/hover. The issue I’ve had when I’ve tried to get it to work is that whilst the images do what you’d expect, they appear to “jump out” of the grid that they’re in, whereas I’d like them to remain within.
If you go to the read-only link: https://preview.webflow.com/preview/roberts-limbrick?preview=17cf1ed66cc0eb6e9c6cc667f77ae01f
What I did previously was add a 1.0 to 1.1 scale transform with a 300ms transition to the “Link Block” within the collection list. This was the right effect, but if you try it yourself you’ll see what I mean about it not staying within the bounding boxes.
Forgive me if this doesn’t make a huge amount of sense.