TimelineMax tweens inverse une fois

Question

Je me demande s'il existe un moyen d'inverser les interpolations dans une timeline une fois qu'elles ont fini d'animer. Je veux mettre à l'échelle les éléments et changer leur couleur. Après cela, je veux inverser l'animation. J'ai essayé avec yoyo() mais cette méthode joue malheureusement les animations 3 fois même quand je règle repeat: 1 (il anime 1-2-3-3-2-1-1-2-3-3-2-1).

introTimeline.append( TweenMax.to($(".Element"), 1, {scale: 2, 
    fill: "red", ease: Power2.easeIn, repeat: 1, yoyo: 
    true}) ); 

Tout ce que je besoin est 1-2-3-3-2-1 pour chaque interpolation dans le scénario ...

chronologie est la mauvaise façon d'aborder ce sujet?

Venez vraiment savoir une réponse à une question aussi simple ...?

Answer 1

Vous pouvez simplement inverser l'animation une fois l'interpolation terminée. Utilisez le code suivant:

var tl = new TimelineMax({ 
    onComplete:complete, 
}); 


tl.to("img", 3, {rotation:360, transformOrigin:"150px 150px", ease:Linear.easeNone}); 

function complete(tl) { 
    tl.restart(); // 0 sets the playhead at the end of the animation 
}