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
Interactions & animations course
Reveal on scroll
We’re transitioning to a new UI
, and are in the process of updating our Webflow University courses and videos.
Reveal on scroll
Create a trigger that fades and moves elements in as your scroll down the page.
Reveal on scroll
Create a trigger that fades and moves elements in as your scroll down the page.
1
Getting started
Coming soon
1
Intro to Interactions
1:22
Intro to Interactions
Coming soon
1
Interpolation, easing, and smoothing
2:58
Interpolation, easing, and smoothing
Coming soon
1
Triggers and animations
4:31
Triggers and animations
Coming soon
1
Quick effects
2:51
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
6:27
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
4:38
Reveal on scroll
Coming soon
2
Page loader animation
4:10
Page loader animation
Coming soon
2
Show and hide on click
5:01
Show and hide on click
Coming soon
2
Reveal on hover
3:38
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
3:14
How to install Bodymovin
Coming soon
3
Animate when in view
2:24
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
20:00
Cinema 4D in Webflow
Coming soon
3
Lottie overview
14:48
Lottie overview
Coming soon
3
Click based animations
1:40
Click based animations
Coming soon
3
Animate a video on scroll
6:34
Animate a video on scroll
Coming soon
Course progress
0%
Up next
Page loader animation
Create a sequenced animation that animates multiple elements once a page loads.
Complete & continue
→
Complete course
✓