Footer position

Hey everyone.

Does anybody know how to position this shape mask: ?

I see it’s fixed by browser window (and you see it while scrolling), but how can I push this mask to the footer? I need it stops strictly till the footer and don’t overlay it.


Hi there @19_84, just trying to understand the request. Is it to replicate this effect?

In which case it looks like they’ve used an animation state ‘on scroll’. I’ve attached a test page + screenshot of how this was done.

1 Like

hey, hi @19_84 .
We’ve designed and developed the website you mention in the example :smiley:

As @HEADLESS.HORSE just say we used an animation on scroll for the “big logo shape”.

hope it’s clear, feel free to ask anything


Thanks for the answer. I have already figured it out.

1 Like