Как использовать разный easing для разных переменных в GSAP?

Question

[ilovemaryjane]

Например, я хочу opacity и scale с разными easing. Как это сделать?

Answer 1

[citizen55]

не имел дело с этой библиотекой, но логика всех tween библиотек одинакова. Передали объект, указали свойство для изменения, в цикле запускается покадровое изменения значения этого свойства, согласно назначенным формулам. Никто не мешает создать два и больше твина для объекта.
TweenMax.to("#logo", 1, {scale: 0.5, ease:Bounce.easeOut});
TweenMax.to("#logo", 1, {opacity: 0.1, ease:Bounce.easeIn});

Comments

[ilovemaryjane]

Так и есть. По другому тут не сделать. А в animejs можно для отдельного свойства указать отдельно тип изинга.