Recreating Apple’s Vision Pro Animation in CSS

BobaMilk
Wed, 06 May 2026 11:07:23 +0000

Even with “safe” properties like transform, a giant sticky hero can still feel kind of heavy because you’re basically asking the compositor to babysit a huge texture every scroll tick.

I’ve had some luck boxing it in so the expensive pixels don’t leak out—contain: paint plus overflow: clip/hidden on the hero (or an inner wrapper) made a big “poster” section smoother for me. I’m not 100% sure it’s consistent across browsers, but it’s one of the few tweaks that felt real without changing the design.