Stragger not working

[Narendra Verma]

Hello,

 

I have a simple code and I have to use stragger. I have to display the each box one by one. I don't know where is the issue with my code. I checked the videos and refer this link https://greensock.com/docs/v3/Staggers  .

Inline css is displaying even I set the delay also to check.

 

Would you help me out where is the issue?

See the Pen rNMKrRY by Narendra_verma (@Narendra_verma) on CodePen

[akapowl]

Hey @Narendra Verma

 

The elements you are trying to animate to autoAlpha: 1 with a .to()-tween are visible and have an opacity of 1, so your tween basically tweens them from visible to visible. You should set them to be invisible before, if you want to use a .to()-tween.

 

See the Pen ca62dc89b77a758c17ce43ef1bc7cc49 by akapowl (@akapowl) on CodePen

[Narendra Verma]

@akapowl,   I hadn't known about the invisible part. Yes, it's working. Thank you so much.