This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Laura Galbraith
Posted May 30 - Read on Facebook

Hey all! Is there a quick way of doing 'parallax' transitions on PageComponents? Was using this site as a tutorial ( https://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website-part-2/ ) then realized it'd probably be faster in framer... any tips?

3 Comments

Chris Camargo

Sure. I was just doing this myself when testing out an idea. I basically create a strip of images behind my PageComponent. When the PageComponent moves, I set the x value of the strip of images to match my PageComponent's scrollX (or some derivation of that, which you can see on line 152) http://share.framerjs.com/vpy8ubwdyl48/

Arvi Raquel-Santos

There's an example in the examples section - http://framerjs.com/examples/preview/#parallax-movement.framer

Laura Galbraith

Thanks! I'll try these out!

Read the entire post on Facebook