我的书签
添加书签
移除书签All courses Interactions & animations course
Animate a video on scroll
This content is no longer maintained.
This lesson uses Classic Interactions (IX2). Webflow now has a newer, GSAP-powered interactions engine (IX3).
Animate a video on scroll
Use Cinema 4D Lite to render a 3D phone as an image sequence, import the sequence into Webflow, and tie the animation to a website's scroll position.
Trouble with this video? YouTube may be blocking it for you. Watch it directly on YouTube instead.
Animate a video on scroll
Use Cinema 4D Lite to render a 3D phone as an image sequence, import the sequence into Webflow, and tie the animation to a website's scroll position.
1
Getting started
Coming soon
1
Intro to Interactions
Coming soon
1
Interpolation, easing, and smoothing 2:58
Interpolation, easing, and smoothing
Coming soon
1
Triggers and animations
Coming soon
1
Quick effects
Coming soon
2
Interaction Examples
Coming soon
2
Horizontal movement on scroll 2:37
Horizontal movement on scroll
Coming soon
2
Parallax movement on scroll 3:10
Parallax movement on scroll
Coming soon
2
Rotate on mouseover
Coming soon
2
Scroll progress indicator 2:50
Scroll progress indicator
Coming soon
2
Navbar show & hide on scroll 2:33
Navbar show & hide on scroll
Coming soon
2
Reveal on scroll
Coming soon
2
Page loader animation
Coming soon
2
Show and hide on click
Coming soon
2
Reveal on hover
Coming soon
3
Lottie Examples
Coming soon
3
After Effects and Lottie course introduction 1:19
After Effects and Lottie course introduction
Coming soon
3
How to install Bodymovin
Coming soon
3
Animate when in view
Coming soon
3
Animate a video on scroll 22:08
Animate a video on scroll
Coming soon
3
Cinema 4D in Webflow
Coming soon
3
Lottie overview
Coming soon
3
Click based animations
Coming soon
3
Animate a video on scroll 6:34
Animate a video on scroll
Coming soon
Course progress
0%
Assessment
Test your knowledge
Up next
Cinema 4D in Webflow
Build a Cinema 4D animation from scratch.
Continue to next lesson → Complete course ✓
