Jump to content


animation applied individually to a set

Moderator Tag

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,


I'm wanting to apply animation to one element of a series. In the Codepen above, hovering of "hello" would make "hello" grow (instead of all of the LI elements).


Is there a simple way to isolate one element? 


Thanks in advance for your help. 

See the Pen MEoqJL?editors=1111 by ericshew (@ericshew) on CodePen

Link to comment
Share on other sites

Hi @ericshew :)


jQuery's each() is good for that kind of thing. You loop through and create a timeline for each element so they operate independently. 


See the Pen WZOgMg by PointC (@PointC) on CodePen

Hopefully that helps. Happy tweening.


  • Like 3
Link to comment
Share on other sites

This makes a lot of sense. Thank you for your help. These interactions are helping me get a much more solid understanding of Greensock. I really appreciate it.

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.