Problems in hover animations in elements
Hi there! I´ve a problem when animate elements in a timeline, fired by hover event for example. The problem is that when i hover the element, the timeline start, but when you hover and quick go away the mouse, the animation stacks, sometimes left the text visible ( it should fade out ), it looks weird.
Animation is sequenced incorrectly, and elements are half way rather than stop the animation and play the animation that fires the callback of "hover", sure i´m doing something wrong.
Wit
Hi inGrooVe
pls try this :
$(".proyectoList").each(function(index, element){
var tl = new TimelineLite({paused:true});
// add your timeline tweens here
//.....
//....
element.animation = tl;
});
$(".proyectoList").hover(over, out);
function over(){ this.animation.play() };
function out(){ this.animation.reverse() };
and for next time pls make a reduced Codepen Demo ( or another online code editor) available :
Read This First: How to Create a CodePen Demo : http://greensock.
