Thanks @Cassie
Tried it here with some more tweens:
https://codepen.io/knalle/pen/NWvRjJX
Perhaps I am messing up here - but I can't get the timeline working with other tweens.
animation.to(slides, {
xPercent: "+=" + (numSlides * 100),
duration: numSlides+1,
ease: "none",
modifiers: {
xPercent: wrap
}
});
slides.forEach(function(elem,index) {
//console.log( index );
slideContent = elem.querySelector("span");
animation.to(slideContent, {
opacity:0,
y: 100,
duration: 0.5,
}, index);
});