Build a Smooth Scroll Cards Parallax with Framer Motion and Next.js

Опубликовано: 19 Ноябрь 2023
на канале: Olivier Larose

25,390

990

A website Smooth Scroll Cards Parallax animation tutorial featuring Lenis Scroll, Framer Motion all inside a Next.js application.

Demo / Source code: https://blog.olivierlarose.com/tutori...

00:00 Intro
00:22 Rendering the cards
3:17 Making the cards sticky
5:38 On Scroll Image Scaling
11:06 Cards parallax
17:40 Adding a smooth scroll

More animations: https://blog.olivierlarose.com/
Follow me on Twitter: / olivierlarose_
Discord Channel: / discord

Thanks for watching!

#react #nextjs #awwwards #gsap #framer #motion #svg #morph

Смотрите видео Build a Smooth Scroll Cards Parallax with Framer Motion and Next.js онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Olivier Larose 19 Ноябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 25,390 раз и оно понравилось 990 людям.

47,698