Streaming live at 10am (PST)

Diagonal Scroll Animation

hey guys,

I’m trying to build a scroll based animation for the png image you see on my landing page (link below). I’ve tried to look for tutorials for similar interactions but I can’t figure out how to get exactly what I want.

I want to scale the image up to 3x the original size, and have it appear as though someone is scrolling through it on their phone/laptop. But because the content in my image has a diagonal layout, I don’t know how to ‘move’ it diagonally.

Here is my public share link: https://preview.webflow.com/preview/amandhas-first-project?utm_source=amandhas-first-project&preview=0423edbf59f95a2df95bb97341ef4df0

Feel free to ask for clarifications if that wasn’t clear enough.

Any help is greatly appreciated!

Resolved. Just needed to move both upwards and sideways, because there’s no other way to mark a path for the image to follow.

1 Like

Happy to hear! Closing the topic :webflow_heart: