Streaming live at 10am (PST)

Image mask doesn't working on slider


#1

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


#2

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


#3

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.


#4

@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. :smile:

I use overflow: hidden all the time on projects.


#5

Awesome! Thank you very very much!


#6

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


#7

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