Jump to content
Search Community

Staggered Animation - Jump between Last and first scene

KwabenaOwusu test
Moderator Tag

Recommended Posts

Hey All,

It seems I am missing something basic.

In this staggerd animation ( FADE IN ANIMATION). There is a jump between first and the last scene.

I have three DIVs positioned absolutely. So I was expecting DIV 'THREE' to be the first scene because I didn't change z-Index.

But somehow the animation starts with DIV 'ONE'.


My goal: Fade in image within 3 seconds. Image then stays visible for 3 seconds, then fade out.


Thanks for your time.


let fadeInImages = gsap.utils.toArray(".swapMe"),
  numOfFadeInImages = fadeInImages.length;

let fadeAnim = gsap.timeline({ repeat: -1 }).from(fadeInImages, {
  autoAlpha: 0,
  duration: 3,
  stagger: { amount: 9 },
  ease: "none"


See the Pen NWevpKL by KwabenaOwusu (@KwabenaOwusu) on CodePen

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...