Guys,
I am using gsap for ui animations and when i test them in mobile hardware, they seems too sloppy and not fluid as they look in desktop.
The animation is inside this method:
initChatOpenCloseAnimation: function() {
this.animationCloseTimeline = new TimelineLite({
paused: true,
onComplete: _.bind(this.focusComposer, this)
});
var container = $(this.options.launcherContainerElement);
var chatBotContainer = $(this.options.chatbotContainerElement);
this.animationCloseTimeline
.to(container, .3, {scale: 0, opacity: 0}, 0)
.to(chatBotContainer, 1, {opacity: 1, y: 0, visibility: 'visible'}, 0);
},
Do you have any clue of what i'm doing wrong?
Thanks in advance.