Jump to content


CustomEase visualizer combine 2 presets

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

I recently started messing with the CustomEase plugin and I love the freedom to adjust, however I'm finding it difficult to get precisely what I want which is basically 2 presets merged together. Using the visualizer on this page https://greensock.com/customease it seems you can only select one preset, then switch to Custom and adjust it from there. Just wondering is there any way I can select an easeIn say for "Power3" and an easeOut for "Back" and get it to come out as a nice mix of the two? When I adjust the points myself it just doesn't seem quite as smooth. Thanks!

Link to comment
Share on other sites

Alright, I had to have a little fun with this one, so I created a Codepen that makes this super easy for you: 

See the Pen gvaKXJ by GreenSock (@GreenSock) on CodePen



Just tweak the startEase and endEase at the top of the JS panel and BOOM, it'll do it for ya. Click the "CustomEase" link at the bottom and it'll even jump you over to the ease visualizer with that ease pre-populated. 


Notice you can even click on the resulting custom curve and it's editable :)


Is that what you were looking for? 

  • Like 4
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.