as you see in the codepen i have 4 articles inside my section.
i would like to have this animation timeline
while section is pinned:
– fadeout article.intro
– fadein article.one
– wait a bit
- fadein article.two
– wait a bit
- fadein article.two
something like:
industries.to('article.intro', {autoAlpha: 0, duration: 1})
.to('article.one', {autoAlpha: 1, duration: 3})
// wait duration:3
.to('article.two', {autoAlpha: 1,duration: 3})
// wait duration:3
.to('article.three', {autoAlpha: 1,duration: 3});
and my other question is:
am i right that i can use the duration as a relative time, because of using scrolltrigger. so my time are actually the pixels. and the sum of all durations are relative to my pixel-distance?