All updates

Enhancement

Interactions

Interactions quick effects

Now you can quickly add pre-defined interactions and animations to your site with a just a few clicks.

Interactions quick effects

Creating custom interactions is cool and all, but wouldn’t it be nice if you could quickly apply a set of pre-existing interactions to an element for common click and scroll-into-view interactions? Cue quick effects.

Now you can add more than 20 prebuilt entrance, exit, and emphasis animations to elements on click, hover, and scroll into view to introduce basic motion and interactions to your site.

Quick effects in Webflow.
‍Quick effects — now live.

Here’s a quick look at how it works. Let’s say you want a feature callout to “pop” into view once visible on the page. Now you can simply select the element in question, create a “scroll into view” event, and apply the new “grow big” effect.

Quickly add simple load animations on scroll.

You can also set delays for quick effects, which makes it easy to set simple sequenced loading animations.

‍Classic interactions, made easy.

So check it out today and let us know what you think!

Note: At the moment, quick effects are only available on the trigger element itself — i.e., they can't be used to affect another element.


Launched on
January 2, 2018
Category
Interactions

Related updates

More control over Interactions with GSAP

More control over Interactions with GSAP

Learn more
Webflow makes GSAP 100% free

Webflow makes GSAP 100% free

Learn more
Clean up unused interactions

Clean up unused interactions

Learn more
Custom easing curves for interactions

Custom easing curves for interactions

Learn more
Apply CSS filters in interactions

Apply CSS filters in interactions

Learn more

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Watch demo

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.