Newsy.co

Creating Parallax with Scroll Speed in Framer (Animation Lesson 9)

If you’ve ever looked out the window of a moving car and noticed that the trees on the side of the road are whizzing by faster than the mountains in the distance, then you’ve observed something called "parallax".It’s a phenomenon we can exploit to make our brains think that things are closer or further away. In this lesson, we’ll use Framer’s Scroll Speed effect to layer elements that move at different speed as the visitor scrolls, creating a sense of three dimensional depth.00:00 Intro00:07 What is parallax?00:33 Project setup and elements00:57 Understanding depth and speed01:18 Applying scroll speed effect04:02 Wrap upGrab the remix link from Framer Academy: https://www.framer.com/academy/lessons/framer-animations-scroll-speed-parallaxSign up: https://framer.link/ytFollow: https://framer.link/yt-xLearn: https://framer.link/yt-academy