Streaming live at 10am (PST)

Diagonal Scroll Animation

#1

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!

#2

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
#3

Happy to hear! Closing the topic :webflow_heart:

closed #4