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
All coursesInteractions & animations course
Page loader animation
We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Page loader animation

Create a sequenced animation that animates multiple elements once a page loads.

Page loader animation

Create a sequenced animation that animates multiple elements once a page loads.

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

Show and hide on click

Create a mouse click or tap trigger using one element to show and hide a different element on click.
Complete & continue
→
Complete course
✓