Recreating Apple's Addicting Scroll Animation

Опубликовано: 12 Апрель 2024
на канале: Tom Is Loading
21,004
861

Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev

Today we'll break down some wizardry from Apples Vision Pro Landing page! Per usual we'll use React, Framer Motion, and TailwindCSS, source code and inspiration for this effect below!

#javascript #reactjs #tailwindcss

📚 Video Links
Inspiration: https://www.apple.com/apple-vision-pro/
Demo & Source code: https://www.hover.dev/components/feat...

🔗 My Links
TikTok:   / tomisloading  
Instagram:   / tomisloading  
GitHub: https://github.com/TomIsLoading
Twitter:   / tomisloading  
Discord & more: https://linktr.ee/tomisloading
Portfolio templates: https://tomisloading.gumroad.com/

0:00 - Introduction
0:33 - Initial layout
7:33 - Animating the image on scroll
12:51 - Adding the parallax text effect


Смотрите видео Recreating Apple's Addicting Scroll Animation онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Tom Is Loading 12 Апрель 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 21,004 раз и оно понравилось 861 людям.