Interactions quick effects

<p>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.</p><p>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.</p><figure class="w-richtext-align-center" style="max-width: 60%;" data-rt-type="image" data-rt-align="center" data-rt-max-width=""><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c229qfx.jpg>" alt="Quick effects in Webflow."></div><figcaption>‍Quick effects — now live.</figcaption></figure><p>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.</p><figure class="w-richtext-align-center" style="max-width: 60%;" data-rt-type="image" data-rt-align="center" data-rt-max-width=""><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c0b8quick%20effects%20v5.gif>"></div><figcaption>Quickly add simple load animations on scroll.</figcaption></figure><p>You can also set delays for quick effects, which makes it easy to set simple sequenced loading animations.</p><figure class="w-richtext-align-center" style="max-width: 60%;" data-rt-type="image" data-rt-align="center" data-rt-max-width=""><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c14d_scroll%20into%20view%20v7.gif>"></div><figcaption>‍Classic interactions, made easy.</figcaption></figure><p>So check it out today and let us know what you think!</p><p><strong>Note:</strong> At the moment, quick effects are only available on the trigger element itself — i.e., they can't be used to affect another element.</p>