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.

<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>