Build a Smooth Parallax Scroll with Framer Motion, Lenis Scroll, Nextjs
A web animation tutorial featuring a Smooth Vertical Parallax Image Scroll Gallery made with Framer Motion, Lenis Scroll and Nextjs. Inspired by:https://mill3.studio/en/projects/gsoft/
Demo / Source code: https://blog.olivierlarose.com/tutori...
00:00 Intro
00:21 HTML and CSS
2:30 Parallax part 1
5:02 Smooth Scroll
5:47 Using the window's height
6:23 Parallax part 2
7:27 Outro
More animations: https://blog.olivierlarose.com/
Follow me on Twitter: / olivierlarose_
Discord Channel: / discord
Thanks for watching!
#react #nextjs #awwwards #gsap #framer #motion #smooth #scroll
Watch video Build a Smooth Parallax Scroll with Framer Motion, Lenis Scroll, Nextjs online without registration, duration hours minute second in high quality. This video was added by user Olivier Larose 06 August 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 44,014 once and liked it 1.8 thousand people.