The CSS phone is built of high quality <div> elements.
Select animation reduction intervention
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.
Ideally such pages would listen to the prefers-reduced-motion media query and provide a reduced motion version of the page, but in the absence of such developer provided versions, this is an attempt to see what could be done automatically to help.