Image mask doesn't working on slider

Hello everyone!
I have an slider, inside that slider I have multiple slides and inside each slide I have an image. I’m trying to do an interaction where the image grows inside a mask when hover over but “mask” isn’t working as expect, the image grows out of the mask.

Could someone share a feedback?

Here is my public share link: https://preview.webflow.com/preview/test-d2f0c9?preview=9a5f34559179a3968ffe8ef0844faf57

Hey @adlpp just set your linkBlock class to Overflow: hidden. :slight_smile: you can do some incredible things in web-design with masking :wink: Have fun!

1 Like

Thank you @Waldo! Indeed it worked. Do you have any input for me to clearly understand why with the hidden overflow it works? Sorry if it’s a silly question. I just want to fully understand.

@adlpp Basically an overflow style sets what happens to an element when it’s content is larger than the element, so commonly used settings include Overflow: hidden, overflow: scroll, Overflow: auto. :slight_smile:

I use overflow: hidden all the time on projects.

1 Like

Awesome! Thank you very very much!

My pleasure to help @adlpp :slight_smile: Feel free to reach out if you have any questions in the future :slight_smile:

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