"floating" elements in Z-space while scrolling? (translate3d?) (parallax?)

Hello everyone!!

Sooooo i’ve looked into most of the Parallax Scrolling threads in here and found a lot of interesting stuff, but none of them was actually what i was looking for (or i just really failed on my search) so i’m starting a new one for this specific effect.

This is the kind of effect that i’m after: http://www.m3565.com/

When u scroll down, you see some objects (pictures that open a lightbox once you click) “floating” in a slightly “closer” Z-space in relation to the rest of the website. They are completely tied to the scrolling. I’ve noticed while inspecting the code that these items have a “transform: translate3d” added to them that automatically varies to create the effect.

How do i achieve this? can someone guide me through some steps on how i could build something like this on webflow?

I’ve also found this:

that comes with a medium article about it: Parallax Done Right. Getting great performance with parallax… | by Dave Gamache | Medium
But as i’m not much of a coder, i’m kinda lost :confused:

Big thanks to anyone who can help me out on this.

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