Animate a 3D render on scroll (same technique as Apple's AirPods Pro site) — Webflow + After Effects

Learn how to use Cinema 4D Lite (which is included for free in After Effects) to render a 3D phone as an image sequence, then import the sequence into Webflow to tie the animation to a website’s scroll position.

Clone this project and download the assets to follow along:

The full After Effects + Lottie in Webflow course is now available for free:

Apple’s AirPods Pro site:

Get started with Webflow:

Duration: 00:22:09

Likes: 9143 – Views: 247964