New Apple Watch Website with Framer (No-Code)
🎓 Framer University: https://framer.university
👉 Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, you'll learn how to create the amazing scroll animation from the new Apple Watch Series 9 website with Framer. I'll show you how to use sticky positioning, scroll transforms, scroll variants, and scroll sections to achieve breathtaking effects without writing any code.
Original website: https://www.apple.com/apple-watch-ser...
Remix the project: https://framer.university/resources/a...
0:00 - Introduction
0:26 - Showcasing the effect
1:07 - Project setup
2:18 - Setting up sticky positioning
5:11 - Creating containers for the content
6:52 - Inserting the hand image
9:43 - Adding the text items
15:43 - Creating scroll sections
17:38 - Adding scroll variant effect
20:44 - Adding scroll transform effect
30:15 - Reveal image as it comes into view
32:04 - Optimizing the effect for mobile
35:03 - Creating text style with breakpoints
37:10 - Framer Fundamentals course
Follow me on:
X: https://x.com/learnframer
Instagram: / framer.university
Watch video New Apple Watch Website with Framer (No-Code) online without registration, duration hours minute second in high quality. This video was added by user Framer University 22 September 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 12,359 once and liked it 405 people.