Build a Smooth Parallax Scroll with Framer Motion, Lenis Scroll, Nextjs

Опубликовано: 06 Август 2023
на канале: Olivier Larose

44,014

1.8k

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

Смотрите видео Build a Smooth Parallax Scroll with Framer Motion, Lenis Scroll, Nextjs онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Olivier Larose 06 Август 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 44,01 раз и оно понравилось 1.8 тысяч людям.