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..
