GSAP 타임라인 기반으로 애니메이션을 쉽고 빠르게 만들기 도와주며 javascript기반의 라이브러리이다. transition 속성을 조작하는 것으로 inline요소에는 동작하지 않을 수 있으니, 최소한 inline-block 속성으로 설정을 요한다. 기본동작 1. to() to() : 현재 상태에서 애니메이션 동작을 수행한다. gsap.to('애니메이션대상', {애니메이션 동작}) gsap.to(".box", { rotation: 45, duration: 10, x: 100, }); // .box의 현재 위치에서부터 10초동안 45도를 돌면서 x축으로 100px 이동한다. 2. from() from() : 애니메이션 동작에서 현재 위치로 동작을 수행한다. 즉, 애니메이션대상의 css값이 애니메이션의 ..
