오늘 하루도 잘

애니메이션 제어 .pause() : 일시중지 / .resume() : 현자리에서 다시 시작 (방향전환 상관없이) / .reverse() : 역방향 (항상 처음으로 돌아감) / .seek(0.5) : 0.5초 지점으로 점프 / .priogress(0.25) : 진행률의 1/4로 점프 / .timeScale(0.5); 절반 속도 (2는 2배속) / .kill() : 애니메이션이 즉시 중지되고 해제됨 / restart() : 처음부터 다시 시작 See the Pen GSAP - Controlling Animations by hwls8253 (@hwls8253) on CodePen. 타임라인을 사용한 시퀀싱 타임라인을 사용하면 복잡한 시퀀스를 짜는게 간단해진다. 타임라인은 애니메이션 전체를 간단하게 제어하고 타..

GSAP란? GSAP(GreenSock Animation Platform)는 GrennSock에서 만든 자바스크립트 애니메이션 라이브러리이다. 이 라이브러리의 가장 큰 장점은 가볍고 쉬운 사용방법이다. ※ Lite, Max가 포함된 구문은 이전 구문으로 최신 GSAP3 구문을 사용하자. GSAP4에서는 이전 구문이 지원되지 않을 것. // 이전 TweenLite.to() TweenMax.from() new TimelineMax() // 새로운 gsap.to() gsap.from() gsap.timeline() GSAP 설치 CDN에서 로드하거나 사이트에서 다운로드, npm,Yarn을 통한 설치, Git 방법이 있다. 기본 트윈 작업 gsap.to() gsap.to를 사용하기 위해서는 대상(targets)..