[Reverse Timeline onLeaveBack]

Hi Carl, 

 

Thanks for the quick answer. 

I implemented your solution, everything works like a charm. 

 

I guess the timeline control were indeed misplaced, much simpler this way.

 

Thanks again

 

[Reverse Timeline onLeaveBack]

Hey Guys ! 

 

Straight to the point.

 

I'm animating a element with two different timelines onEnter & OnleaveBack. I really need two separate TL, and not just reverse the effect so I guess I can't use the "toggleActions" method. I am able to make this work once but while scrolling down again the TL won't trigger anymore.

 

Since a lot of animation are consecutives on the same element, my guess was it has something to do with some props leftovers. I've tried different options with the kill() and clearprops method but without result. 

 

I could use some help on this one. 

 

Thanks

See the Pen OJwvWjm by m_90 (@m_90) on CodePen

[Reverse timeline on hover's mouseleave (yoyo animation)]

Very nice demo Mikel, It is not why i'am trying to achieve for this specific animation but it definitely gives me inspiration for a next pen. 

Thank you 

[Reverse timeline on hover's mouseleave (yoyo animation)]

Works like a charm.

Thanks again Carl

[Reverse timeline on hover's mouseleave (yoyo animation)]

Actually I might have another issue concerning the last pen you sent me. 

 

When I move my cursor fast, the animation does not seem to update correctly and the squares keep changing color. 

 

I've tried to remove easings, without results. My guess is this is linked to the stagger delay but I'cant find a way to correct it.

[Reverse timeline on hover's mouseleave (yoyo animation)]

Exactly what I needed. I will always be amazed by the quality of this forum. 

 

Thanks a lot.

[Reverse timeline on hover's mouseleave (yoyo animation)]

Hey guys, 

 

My hover animation is on an infinite loop.

After mutliple loops, on mouseleave, my animation will reverse all the loops.

I need the timeline to reverse the loop only once before stopping.

 

I've been using .time but I guess it is not the best method.

 

Any help would be apreciated, thanks in advance.

See the Pen NazaJR by m_90 (@m_90) on CodePen

[Onresize - Gsap translate problem]

Wow ! This exactly what I needed ! I'm glad I came back to check the forum. I guess I suck with theory and I need to play with the code to understand it well. Dispcom thread has it all. Thank you very much for this detailed reply OSUblake !

 

I just coded an example to be sure I wont forget.

 

See the Pen xgzpQP by m_90 (@m_90) on CodePen

 

Thanks again !

[Onresize - Gsap translate problem]

Thank you very much for taking time to answer me PointC !

 

I'am a Gsap noob and I learned a lot from this topic. I now understand that I must kill or invalidate my timeline before updating vars.

I still have difficulties to make this work on reverse but i'll try different options.

[Onresize - Gsap translate problem]

Hello !

 

I've been trying to resolve my problem by reading other topics linked to gsap / on.resize issues but i didnt found any proper answer.

  

When I open the menu, the logo is working correctly and set it's position to center of the screen { y:0 } . However, once the menu is closed i cant manage to force the logo back to it's original position { y:-logoPosition +20 }. The values are not updating on "menuclosing state". 

 

I must be messing with var updates but i'm clueless to make this work.

 

Hope someone can help me !

 

Thanks in advance

See the Pen EZQaKL by martin_avisseau (@martin_avisseau) on CodePen