Intro to Interactions

A brief overview of triggers and animations.

This video features an old UI. Updated version coming soon!
 
This video features an old UI. Updated version coming soon!

Over the years, the web and our digital devices have become responsive and powerful. As designers and developers, we have access to tools that let us build complex interactions and impressive animations.

 

Traditionally, these tools are often built with highly-specificJavaScript libraries, requiring tools and plugins complete with conflicts, quirks, and obscene code-based learning curves.

In the Webflow Designer, we have access to all the tools we need to manipulate this content with insanely granular control — by building interactions visually.

 

Check out some cool examples.

What constitutes an interaction?

Interactions let us design around two powerful things: triggers and animations. (If this happens, then this happens.) A trigger — whether it's clicking, scrolling, hovering, moving the mouse, loading the page — executes an animation (what happens on that trigger).

 

And with this precise control, we can apply timed animations, scroll animations, and position-based mouse animations however we want to give us the power to build anything we want.

Get started by learning everything you need to know about triggers and animations.

Clone this project
Try Webflow — it's free

Production for this lesson

Directed by

-

Produced by

-

Written by

-

Article by

-

Edited by

-

Designs by

-

Need more help? Want to report a bug? Contact support
Have feedback on the feature? Submit feature feedback