animation applied individually to a set

[ericshew 27 Likes (Newbie)]

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

[PointC 14,465 Likes (Superhero)]

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.

[ericshew 27 Likes (Newbie)]

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.