Streaming live at 10am (PST)

"Magazine" Scrolling Effect


I had a client recently ask to replicate a very specific effect made on a Webflow site and I’m trying to figure out exactly how it was accomplished.

Here is a link to the site:

If you go to this initial landing link, you are then instructed to “Click Anywhere” and you get a particular effect that my client is referring to as “flipping through a magazine”, where several images are cycled through very quickly, moving from the bottom of the screen up to the top. Each image seems to have a higher z-index than the previous one, and it also starts scrolling up from the bottom before the previous image has finished the cycle.

I’m familiar with SOME of the tactics to create an effect like this on scroll, but I’m wondering if anyone can give me some more specific info about how to create an animation like this on click. Thanks in advance!