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
Смотрите видео New Apple Watch Website with Framer (No-Code) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Framer University 22 Сентябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 12,359 раз и оно понравилось 405 людям.