Hi !
I use gsap syntax most of my time.
But for this particular project, i decided to moove to jquery.gsap.js and animate(), for rapid prototyping.
At final performance step, i will create anonymous functions that synthetise effects created and choosed by the final user, in gsap syntax for gaining substancial speed on user interface and most of advanced parameters.
Anyway, i'm still at prototyping level, and i'm using hoverIntent lib for detecting user intention (mostly used for submenu and avoiding the "christmas tree effect" with animations).
In some cases i need better velocity and animation that are triggered instantly. Thus i rely on hover(function(){/* .animate() hover*/}, function(){/* .animate() out */})
$("a").hover(function(){
$(this).animate({className:"+=hover"}, {duration:300, easing:ExpoOut});
}, function(){
$(this).animate({className:"-=hover"}, {duration:300, easing:ExpoOut});
});
In css context, i just change color property to fade between colors.
I noticed that when i over/out/over/out/over/out/over/out/over/out/over/out animations are queued, this even if i add overwrite:"all".
Have an Idea ?
Thx