Ease types and their Bezier curves?

Hi Everyone,

Im trying to replicate a specific ease type in a GSAP animation - specifically the ‘SwingFromTo’ option.

However in the custom easing options, the SwingFromTo option is one of few that isn’t shown on the graph. Instead, i downloaded the JS to examine what i understand is webflow’s front end libraries where again i could find the bezier curve equations for most of the ease types but not for my choice of ease type.

Is there any other way to find out what the curve for this particularly option is ? I’ve tried replicating with trial and error but i cant be help fall short on the feel of the animation.

Any advice from the more knowledgable would be greatly appreciated!

Ollie


Here is my public share link: LINK
(how to access public share link)

what example you are talking about and what GSAP documentation says?

The best you can do is to sign into GSAP forum as these devs are I’m my experience great to help.

you can also find some examples on codepen like this one: