Почему не работает эта функиця в GSAP?

Question

[ibr_98]

Привет! У меня есть код на js (gsap):

logo.onmouseover = function () {
      TweenMax.to(logo, 0.2, {
        y: -10,
        repeat: 999,
        yoyo: true
      });
    }

    logo.onmouseout = function () {
      TweenMax.to(logo, 0, {
        repeat: 0,
        yoyo: false
      });
    }

первая функция работает нормально, а вот вторая вообще не работает, а от второй я хочу - чтоб элемент переставал двигаться, когда я отвожу от него мышь, в чем проблема?

Answer 1

[GreatRash]

Потому что TweenMax.to создаёт независимую анимацию при каждом вызове. Вы думаете, что сбрасываете параметры анимации, а на самом деле создаёте параллельную анимацию "ничегонеделания". Правильный код:

logo.onmouseover = function () {
  TweenMax.to(logo, 0.2, {
    y: -10,
    repeat: 999,
    yoyo: true
  });
};

logo.onmouseout = function() {
  TweenMax.killTweensOf(logo);
};

Comments

[ibr_98]

ух ты, спасибо)