Build a Text Parallax Animation with React and Framer Motion
A website animation featuring a Text Parallax with sliding text on scroll, made with Framer Motion and React, inside a Next.js app
Source Code / Live demo:
https://blog.olivierlarose.com/tutori...
00:00 Intro
00:16 Project Overview
00:46 Putting all phrases aligned
2:49 Adding asymmetry
3:54 Tracking the Scroll
6:15 Translating on Scroll
8:04 Adding directions
9:33: Playing with values
10:32 Outro
More animations: https://blog.olivierlarose.com/
Follow me on Twitter: / olivierlarose_
Discord Channel: / discord
Thanks for watching!
#react #nextjs #awwwards #gsap #framer #motion #threejs
Смотрите видео Build a Text Parallax Animation with React and Framer Motion онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Olivier Larose 27 Май 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 8,287 раз и оно понравилось 463 людям.