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: https://wfl.io/2r7cVUW
Likes: 9143 – Views: 247964