How to make Scrolling Animation like on Apple website

Store Design
, ,
1

Apple website have a cool effect of moving objects while scrolling down/up the website:

https://www.apple.com/airpods-3rd-generation/

https://www.apple.com/airpods-pro/

I found this guide but it doesn’t supports Shopify

https://university.webflow.com/lesson/animate-a-3d-render-on-scroll-with-webflow-and-after-effects?topics=integrations

I’ve wondered how can I do that on my Shopify store too?

2

Did you find out how?? I could really use it right now!!

3

Hey @Goddess3,

Apple-style scroll animations rely on scroll-linked transforms.

Cleanest path: GSAP ScrollTrigger inside a custom section. Pin element, then translate Y or scale on scroll progress. Keep total duration short on mobile.

Prebuilt sections rarely match Apple polish, so a developer hour or two pays off.

Regards,

Custom Cursor Team