프론트엔드-코드/GSAP

GSAP 기본 구조

sdafdq 2023. 11. 2. 16:33

gsap.to(요소, 지속시간, 옵션)

 

옵션은 객체형식으로,

 

그러니까 기본상태에서, 지속시간에 맞춰 옵션에 맞춰준걸로 서서히 변함.

 

$$fadeIn.forEach(($el, idx)=>{
  gsap.to($el, 1, {
    delay:(idx*.7),
    opacity:1
  });
});

이런 식.

저 옵션에 여러가지 많음.

이렇게 딜레이도 넣을 수 있음.