본문 바로가기

Study

[GSAP] 1. 설치방법

GSAP 이란?

타임라인 기반의 애니메이션 자바스크립트 라이브러리이다.

CSS와 바닐라 자바스크립트만으로도 동적인 화면을 만들 수 있지만 GSAP은 세밀한 움직임과 동작의 연속성을 훨씬 간편하게 설정할 수 있다.

 

 

1. 설치 방법

CDN, NPM, 다운로드 파일을 직접 연결하는 등 여러 방법이 있는데

가장 간편하게는 CDN을 연결해서 사용하는 것이다.

 

https://greensock.com/docs/v3/Installation

 

 

Docs

Documentation for GreenSock Animation Platform (GSAP)

greensock.com

 

 

 

이와 같은 GSAP의 다양한 플러그인 중 필요한 것들을 선택해서 html에 복사 붙여넣기를 하면 된다.