All courses
Interactions & animations course
Login with your Webflow account to track your progress

Interactions & animations course

Learn how to animate multiple elements managed on a single timeline — bring your designs to life with rich, sequenced interactions and animations.

We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Building layouts and styling pages is a great start, but adding interactions and animations can give your site a new level of attention-grabbing interactivity. This course provides a general overview building interactions in Webflow.

Table of contents

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

Progress

0%

Details

Intermediate - Advanced
1h 59m
21
Lessons

Assets & links

Continue learning