gsap stagger

gsap stagger 란 무엇인가?

gsap 은 애니메이션을 쉽게 사용할 수 있도록 해주는 라이브러리 인데, 그중에서도 stagger 속성이 아주 편하다고 생각합니다.

stagger는 첫 번째 인자로, 애니메이션을 실행할 list 를 받고, 그 list에 있는 element 들에 차례로 애니메이션을 실행 시켜줍니다.

사용예시

gsap.to(".box", {
  duration: 1,
  scale: 0.1,
  y: 40,
  ease: "power1.inOut",
  stagger: {
    grid: [7,15],
    from: "center",
    amount: 1.5
  }
});

`