How Apple do scroll-based video scrubbing using CSS and Javascript
How do Apple make their landing pages look like they're videos that play as you scroll? Well, that's because that's exactly what they are! In this tutorial, Rik will show you how to add in video scrubbing based on your users' scroll position!
00:00 Intro
00:50 HTML and CSS
06:40 Javascript
16:43 Outro
Links:
https://www.apple.com/macbook-air-13-...
Demo:
https://superhi-videos.s3.amazonaws.c...
Download:
https://superhi-videos.s3.amazonaws.c...
Design by Krystal Sim:
https://krystalsim.com/
Photos from Unsplash:
https://unsplash.com/@dav_billings
https://unsplash.com/@alirezashojaei
Video from Death to Stock by Seth Dunlop
https://app.deathtothestockphoto.com/...
Weather-aware websites: How to add weather data and styling to a website using Javascript
Scroll animations! How to add a flowing path like the Lusion site with SVG and Javascript
