Анимация GSAP работает неправильно. Заданная продолжительность не влияет

Я пробую библиотеку анимации GSAP. В соответствии с основными документами синтаксис для установки и запуска анимации:

TweenLite.to( [target object], [duration in seconds], [destination values] )

Итак, я попробовал действительно простую анимацию на основе события наведения jQuery:

$('.contact-item').hover(function(){
    TweenLite.to(this,4,{background:'#671B4B'});
},function(){
    TweenLite.to(this,4,{background:'#FFFFFF'});
});

Как ни странно, фон меняется на правильный цвет, но он мгновенно изменяется, а не в течение 4 секунд, как я указал во втором аргументе.

Я проверил, чтобы продолжительность была в секундах, а не в миллисекундах. Это в документах, с которыми я связан. Я также убедился, что я использую TweenLite и не TweenMax, я использую jQuery но я не вижу никаких конфликтов или ошибок в консоли. Я также убедился, что CSSPlugin включен в мою скрипку ниже.

Любая помощь приветствуется. вот скрипка

Источник

1 ответ

Решение

Изменения background в backgroundColor должен исправить вашу проблему. [ Ссылка].

Источник
Другие вопросы по тегам