본문 바로가기

Front-end/GSAP

(1)

GSAP 기초 정리 - Tween과 Timeline GSAP이란? GreenSock Animation Platform 프론트엔드 개발자와 디자이너들이 쉽게 사용할 수 있는 아주 강력한 타임라인 기반의 애니메이션 자바스크립트 라이브러리이다. GSAP는 CSS의 keyframe과 animation 보다 더 정밀한 컨트롤을 할 수 있으며 가볍고 사용방법이 쉽다는 가장 큰 장점이 있다. Tween Tween은 애니메이션을 정의하는 객체 개념이라고 보면 된다. gsap.to("#b", 3, {delay:2, x:700, repeat:-1}); gsap.from("#g", 3, {delay:2, x:700, repeat:-1}); gsap.fromTo("#r", 3, {x:200}, {delay:2, x:700, repeat:-1}) 코드의 간결성을 위해 fromT..

이전 1 다음

티스토리툴바