CDN 버전 선택 방법 : https://cdnjs.com/libraries/gsap/3.8.0
Download 방법 : https://greensock.com/docs/v3/Installation/#download
NPM 설치 방법 : https://greensock.com/docs/v3/Installation/#npm-club
기본 문법
gsap.to(target:Object, duration:Number, {variables:Object});
-
.to()는 일반적으로 제이쿼리의 .animate()라고 생각
-
target : Object - 대상 오브젝트(인자)
-
duration : Number - 애니메이션 지속 시간 /(초)
-
variables : Object - target에 부여할 키 값
문법 작성 기본규칙
- CSS 키값은 동일하지만 border-radius, border-right 와 같이 '-' 문자가 들어가 있을 경우 카멜 표기법을 사용 (EX : borderRadius, borderRight)
- target은 유연하게 사용 가능하기 때문에 제이쿼리 형태로 사용해도 되고 아니어도 됨 (EX : $(".tweenbox") , .tweenbox, 변수명 )
*