Animate array of items based on index

[Separator 3 Likes (Newbie)]

Hi there,

I edited the codepen therefore also the question. 

Its strange that now the animation happens only on the last item of the array and not on the array im hovering over.  

Any help, please?

 

See the Pen zYWwXvL by Separator (@Separator) on CodePen

Edited July 21, 2022 by Separator
I changed the codepen code

[Separator 3 Likes (Newbie)]

Anyone that can help me, please?

[Separator 3 Likes (Newbie)]

BTW, i found the solution. 

My mistake was that i was setting `hover` as a global variable. 

I had to set it as const hover = gsap.to... 

so: 

const hover = gsap.to(animateElements, {
		translateY: -15,
		autoAlpha: 1,
		paused: true,
		ease: "power2.inOut",
		stagger: 0.1,
	});