Animated Section with Scroll image and fade out text
Hello teachers,
I have this example, I need help with a combination of animations.
The idea:
With normal scrolling it stops at the top of the section (done) and with further scrolling it changes the content of the .container-sliders-wrapper (done)
but i need the following animations: the img goes to the top and disappears with the fadeout and the text just fades and changes with the other text content on the slide
I put a link with the real example: https://drive.google.
Then I would do something like this. Just check if the it's NOT the first or the last in the animation and only then run the animation.
I even have add a label (timeline.add(`label-${index}`)) to the timeline to easily snap to those points in the animation.
See the Pen qBxwazz?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen