Recreating Apple’s Vision Pro Animation in CSS

Ellen1979
Wed, 06 May 2026 03:49:21 +0000

Scroll-driven CSS is cute until Safari turns up and pretends your timeline property is fan fiction.

I haven’t tried this Vision Pro one, but I’d be staring straight at the fallback when animation-timeline: view() isn’t there—half-frozen “premium” hero animations look broken, not fancy. Default to a static end state, then gate the scroll stuff behind @supports so unsupported browsers just get a normal page.