Interaction Help | Image Scaling & Clipping

Design help Animations & Interactions
1

Can anyone help me duplicate the card Hover interaction from this page:

https://www.flexe.com/resources

I’ve got the color change, the image black and white to color, but can’t figure out how to clip the image without the image just scaling in a Div block or as the background as a Div block.

Quick tutorial anyone?

Here is my public share link: Webflow - Reliable Waste DEMO

2

Hi @Kaleb_Dean :wave: Here is an example hot to achieve it with interactions:
Live Page and Read-only

3

You hero, @bro-design! Clever using four surrounding div blocks. I kept trying to have an image that overflowed, then scaling a clipping div, and it never worked. Thank!

1 Like