Create Scrolling Animations Used On Apple Product Pages | Award-Winning Websites Tutorial
This tutorial will use Dora to rebuild an Apple Air Pods Pro website, covering the Keyframe [Drivers], Constraint layout, Image sequences and Component features. Dora will help you easily create complex scroll animation at ease and boost your efficiency in creating Top’s world websites.
00:00 Introduction
00:29 Building navigation bar with components
01:45 Explaining feature "constraint layout"
05:07 Laying out the hero section
06:37 Importing image sequence
08:12 Explaining the concept of "viewport height"
10:38 Creating scroll animation
10:54 Explaining feature"driver"
18:04 Building section 2
19:45 Creating section 2 scroll animation
👩🚀 Try Dora
Copy the project in Dora:
https://www.dora.run/e/3973?copykey=d...
Try Dora for free: https://dora.run/
⬇️ See the live site
#Made in Dora: https://apple-airpods-pro.dora.run/
Original Site: https://www.apple.com/airpods-pro/
☎️ Join The Community
Twitter: / doratool
Discord: / discord