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.
- 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
View the complete Scroll Animation Project here: https://marisabrantley.github.io/scroll-animation-project/
Brad Traversy's Udemy Course "50 Projects in 50 Days"
https://www.udemy.com/course/50-projects-50-days/