Animate child of duplicate classes

[Warren_A 2 Likes (Newbie)]

Hi all!

 

I'm trying to animate the inner child of a container on hover but the issue I'm having is that the page requires multiple instances of the same class. So for instance I have a main container called "contentContainer" and within that is text with the class "words".

 

I can't figure out how to animate the "words" of only the "contentContainer" that is being hovered over.

See the Pen zYadpjz by purplehaze (@purplehaze) on CodePen

[GreenSock 18,570 Likes (Superhero)]

Hi @Warren_A. You can just use a loop: 

See the Pen qBKXooZ?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Happy tweening.

[Warren_A 2 Likes (Newbie)]

Thanks @GreenSock!

 

I've been working on it for the last hour and got so close but you beat me to it... this is perfect