我的书签
添加书签
移除书签All courses Interactions & animations course
Lottie overview
This content is no longer maintained.
This lesson uses Classic Interactions (IX2). Webflow now has a newer, GSAP-powered interactions engine (IX3).
Lottie overview
Create animations in After Effects, export them as Lottie JSON files with the bodymovin plugin, and animate them in your Webflow site.
Trouble with this video? YouTube may be blocking it for you. Watch it directly on YouTube instead.
Lottie overview
Create animations in After Effects, export them as Lottie JSON files with the bodymovin plugin, and animate them in your Webflow site.
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
Click based animations
Continue to next lesson → Complete course ✓
