Jump to content


Multiple/ Combined Easings on same Transitions

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

Hi there,


sorry if this question has been asked and answered before. I tried to search, but have not found anything similliar.  


The idea is to make a transition where i start the transition with one easing and end up with an other easing.  i.e. with Power3.easeIn and end with Back.easeOut.


I would imagine something like this:

TweenLite.to(jQuery('.item'),0.5,{x:100,y:100,ease:"Power3.easeIn, Back.easeOut"});

I tried with space, comma without success.


I know i could make two animations for this after each other and making time half etc.. but i was just curious if there is a shortcut like shown above ?


Thanks for your time and answer,



Link to comment
Share on other sites

Is there any plan to adapt the Custom Ease Creator also for GSAP ? It was cool in the good old Flash Times :) 

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.