Streaming live at 10am (PST)

CSS Grid Overflow Hidden

#1

I’m trying to have a column have overflow: hidden (and thus clip the image inside the column), but it does not seem to work. Any ideas?

Thanks!


Here is my site Read-Only: https://preview.webflow.com/preview/play-51dca3?utm_source=play-51dca3&preview=08a10b1b07ac81f75e4139fd0b6f290f

0 Likes

#2

Can you explain a little bit more of what you’re trying to achieve here please?

0 Likes

#3

Sure. I’m trying to see if I could achieve this interaction in webflow: https://tympanus.net/codrops/2019/01/24/layer-motion-slideshow/.

I was thinking that I would do the layout in grid, have an image that is fixed position in div (that’s in a grid item and the div is overflow hidden. When someone clicks the div container scales on the x access clipping the image.

Does that make sense?

0 Likes

#4

you cannot hide fixed positioned elements with parent’ overflow. That’s just how it is.

0 Likes

#5

Yeah, I’m just an idiot. I meant “absolutely” positioned.

Thanks.

0 Likes