[Vue callback done doesn't work correctly with TweenMax onComplete]

Dipscom, thanks a lot

[Vue callback done doesn't work correctly with TweenMax onComplete]

Dipscom, i have one more question, how you change animation on media screen in vue use GreenSock.

I mean if i use CSS animation in Vue, it is pretty simple i just use a media screen for current animation class.

something like this:

.step-leave-to

  transform: translateX(100%)

  @madia only screen and (max-width: 767px)

      transform: translateY(-100%)

but how i can "switch" animation on media < 767px in GreenSock ?

 

   

 

 

[Vue callback done doesn't work correctly with TweenMax onComplete]

HI Dipscom. Thanks for answer

I understand your logic, is to use 1 "wrap" transition, and all steps inside this transtion with "key".

[Vue callback done doesn't work correctly with TweenMax onComplete]

Hello, everyone who like GreenSock animation :)

I have a problem with Vue callback done and TweenMax onComplete.

When click on step, the animation on the next step start before,  animation end on previous step.(pls check the link https://codepen.io/anon/pen/qMOGKV).

The animation is overlay of each other.

I expected, when you click on step is to see animation step by step, becouse i use callback done.

 

Please help, maybe i do something wrong :)

See the Pen qMOGKV by anon (@anon) on CodePen