University
Home
Dashboard
Search
⌘E
Learn
Courses
Docs
↗
Videos
Interactive learning
Glossary
Certifications
Engage
Support
↗
Community
↗
Events
↗
Forum
↗
Build
New site
↗
Dashboard
↗
Try Webflow — it's free
University
Home
Search
⌘E
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
Videos
Interactive Learning
Glossary
Certifications
Engage
Support
Community
Events
Forum
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
Trusted by teams at
All courses
Web animations with After Effects & Lottie
Animate a video on scroll
We’re transitioning to a new UI
, and are in the process of updating our Webflow University courses and videos.
Animate a video on scroll
Convert a video to a JPEG sequence, export a JSON file from After Effects, and animate the sequence on scroll.
Animate a video on scroll
Convert a video to a JPEG sequence, export a JSON file from After Effects, and animate the sequence on scroll.
1
Getting started
Coming soon
1
After Effects and Lottie course introduction
1:19
After Effects and Lottie course introduction
Coming soon
1
How to install Bodymovin
3:14
How to install Bodymovin
Coming soon
1
Lottie overview
14:48
Lottie overview
Coming soon
2
Lottie inspirations
Coming soon
2
Click based animations
1:40
Click based animations
Coming soon
2
Animate when in view
2:24
Animate when in view
Coming soon
2
Animate while scrolling
2:03
Animate while scrolling
Coming soon
2
Page loader animation
4:10
Page loader animation
Coming soon
2
Animate a video on scroll
6:34
Animate a video on scroll
Coming soon
2
Cinema 4D in Webflow
20:00
Cinema 4D in Webflow
Coming soon
2
3D phone rotation on scroll
22:08
3D phone rotation on scroll
Coming soon
Course progress
0%
Up next
Cinema 4D in Webflow
Build a Cinema 4D animation from scratch.
Complete & continue
→
Complete course
✓