This is an example of scroll-driven story telling implemented using the scroll-animations-1 specification.
Your browser does not support the necessary features for this demo. Make sure you are using a browser with support for scroll driven animations.
The CSS phone is built of high quality <div> elements.
With a 4px border-radius and sRGB color space the CSS phone's display can show rich content.
With getUserMedia(), you could even be showing your face on screen!
Enjoy your favourite music using the latest Web Audio API features!
This demo is based on the typical scroll linked animations present on many product pages such as the iPhone 13 Pro or Pixel 6 Pro product pages.