Stragger animation add a little pause before it starts

[Webtheoria]

Hello, 

 

Have been trying to use the stragger animation on my project. But there I want to add  bit delay before it started. So will have the blank space for some moments then the 1st block will fillup. 

 

The codepen code is only for the specific section. On actual project(https://theoriatest.com/hyway) been triggering with scrollmagic

See the Pen XWwqQMw by swaranan (@swaranan) on CodePen.

[geedix]

Hi,

You can include a value in the position parameter, like this fork that waits three seconds before running the first alpha tween:

See the Pen ZENRbze by geedix (@geedix) on CodePen.

[Webtheoria]

10 minutes ago, geedix said:

Hi,

You can include a value in the position parameter, like this fork that waits three seconds before running the first alpha tween:

 

Thanks, but it didn't work on the repeat. 1st time all okay. But on repeat same as before.

[geedix]

Hi, I wasn't clear that you wanted that pause on each repeat. I moved the repeat:-1 into the timeline, is this what you had in mind? 

See the Pen ZENRbze by geedix (@geedix) on CodePen.

 -- You'll probably want to add a tween that fades out at the end of each repeat. 

[Webtheoria]

10 minutes ago, geedix said:

Hi, I wasn't clear that you wanted that pause on each repeat. I moved the repeat:-1 into the timeline, is this what you had in mind? 

 -- You'll probably want to add a tween that fades out at the end of each repeat. 

 

Perfect, Thanks. Will create a new timeline the way you shown, & will add to my existing timeline.