GSAP with Impreza

Step 1

1

Step 2

1

Step 3

1

2

3

4

5

const colors = ["#F2309B", "#25C7D9",  "#04BF8A", "#F2D338", "#F23030"]
gsap.set("#step-3 .line", {background:gsap.utils.wrap(colors)})
const animation = gsap.fromTo("#step-3 .line", {y:-100}, {y:200, ease:"none", duration:1, stagger:0.7})
ScrollTrigger.create({
  trigger: "#step-3",
  start: "top 300",
  end:"bottom 300",
  markers:true,
  animation: animation,
  scrub:1
})