Jump to content


tween to starting position

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 want to animate many divs 'jumping' and landing back at their origin.  I would like it to look smooth, preferable using one easing function (graceful jump up, hang... and graceful landing).


A few ways I have thought to do this:

1. Make a timeline, and put two tweens in it.  However, because there will be two easing functions, this might look odd.

2. Tween to the jumping-to position, then reverse back.  Same problem applies here.  Also, I am not sure how to succinctly write 'only jump once'.


Is there a better way?

Link to comment
Share on other sites

hmm, not sure what you are going for but these "jump" animations return to their start position and only use 1 ease:



perhaps you can use this as a starting point to describe what you need done differently

  • Like 3
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.