Back to updates
Enhancement
Interactions

Custom easing curves for interactions

Now you can set custom easing curves for each step of your interactions, in addition to the existing preset options.

Custom easing curves for interactions

<p>Attention interactions fanatics: we pushed a nice little update today that gives you even more control over the look and feel of your custom <a href="<https://webflow.com/interactions-animations>">interactions and animations</a>.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1600px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1600px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21cbb4NVIEBL02zV6LJaKOiNltxwv-Z4eJRSGpQnFcJuvHVwzPZ4eqxHVBVhVBSzoPuc-hY-v7yrRMCt5UFN1-HMrgI8fL5WfpBBjLgCW6KyTbAoPNXFDIgdXqsYbycsgd6ALRbdBQ-T0.gif>"></div><figcaption>Set custom easing curves for each step of your interaction.</figcaption></figure><p>Now you can set custom Bezier easing curves for each step of your interaction, in addition to the existing preset options you’ve always had.</p><p>If you’re a longtime Webflow user, you might recognize this easing curve UI from our <a href="<https://university.webflow.com/article/transitions>">transitions controls</a> in the style panel. Good eye! This is the same toolset, only now available in interactions as well.<br></p>


Launched on
November 21, 2019
Category
Interactions

Related updates

Webflow makes GSAP 100% free

Webflow makes GSAP 100% free

Learn more
Clean up unused interactions

Clean up unused interactions

Learn more
Apply CSS filters in interactions

Apply CSS filters in interactions

Learn more