Scroll Animation Project

Sections on a page transition in from alternating sides when scrolling down. The opposite happens when scrolling up the page.

I used the logo, modeling photos, and text from my old handmade flower accessories shop on Etsy.

Objective

• Use CSS transitions to have the sections smoothly ease in.
• Use JavaScript to tell where the trigger point is for another section to come in.
• Add a specific CSS class to show the trigger point.

scroll-animation-2.mov

Launch

View the complete Scroll Animation Project here: https://marisabrantley.github.io/scroll-animation-project/

Class

Brad Traversy's Udemy Course "50 Projects in 50 Days"

https://www.udemy.com/course/50-projects-50-days/