Adding a class to an object at a specific point in a timeline

[ZORGOBORGO 0 Likes (Newbie)]

Hi, I'm trying to have an object spin endlessly at the end of a timeline. Right now it's just a 360 rotation - I figured that it'd be best to add a class with a css animation at this point in the timeline, but I can't seem to get it to work. The only reference I found in the docs was className: '+=active', but it doesn't seem to be doing anything. 

 

Thanks in advance!

See the Pen QWpKoPJ by marekmarek (@marekmarek) on CodePen

[Shaun Gorneau 2,017 Likes (Superhero)]

Hi @ZORGOBORGO

 

You can accomplish this with GSAP alone (which I would recommend) by pulling that tween out of the timeline and making a call to a separate tween at that point of the timeline (with a conditional check to see if it's already been called).

 

See the Pen wvJovBd?editors=0010 by sgorneau (@sgorneau) on CodePen

[ZORGOBORGO 0 Likes (Newbie)]

Thanks for this. Works flawlessly.

[Shaun Gorneau 2,017 Likes (Superhero)]

Glad it works for you!