Infinite scrolling carousel with hover effects using Framer Motion
In this video, we are going to build an infinite scrolling carousel with hover interactions, inspired by the Apple HomePod product page.
💾 Starter code: https://github.com/Built-With-Code/fr...
⏭️ Watch This Next: • Animated image carousel (Apple-inspired) u...
📱 Follow online: / built_with_code
Have a question about anything in this video? Drop it in the comments!
⏰ Timecodes ⏰
0:00 - Intro + Preview
0:45 - Starter code
1:19 - Create and style image cards
5:00 - Style card overlay
8:58 - Card overlay animation
10:52 - Infinite scrolling of images
16:30 - Infinite scrolling hover interaction
22:29 - Outro
-------------------------------
Welcome to Built With Code, a channel focused on intermediate/advanced frontend web development topics. Some of my favorite tools are Next.js, TailwindCSS, and Framer Motion. If you find value from the videos, a like and/or subscribe is much appreciated!