CODE
// 01 : 이미지 애니메이션 주기 -------------------------- const ani1 = gsap.timeline(); ani1.to("#section-01 .target", {rotation: 720, scale: 0, borderRadius: 200}) .to("#section-01 .target", {rotation: 0, scale: 1, borderRadius: 20}); ScrollTrigger.create({ animation: ani1, trigger: "#section-01", start: "top top", end: "+=2000", scrub: true, pin: true, anticipatePin: 1, markers: false });
CODE
// 01 : 이미지 애니메이션 주기 -------------------------- const ani1 = gsap.timeline(); ani1.to("#section-01 .target", {rotation: 720, scale: 0, borderRadius: 200}) .to("#section-01 .target", {rotation: 0, scale: 1, borderRadius: 20}); ScrollTrigger.create({ animation: ani1, trigger: "#section-01", start: "top top", end: "+=2000", scrub: true, pin: true, anticipatePin: 1, markers: false });
CODE
// 01 : 이미지 애니메이션 주기 -------------------------- const ani1 = gsap.timeline(); ani1.to("#section-01 .target", {rotation: 720, scale: 0, borderRadius: 200}) .to("#section-01 .target", {rotation: 0, scale: 1, borderRadius: 20}); ScrollTrigger.create({ animation: ani1, trigger: "#section-01", start: "top top", end: "+=2000", scrub: true, pin: true, anticipatePin: 1, markers: false });
CODE
// 01 : 이미지 애니메이션 주기 -------------------------- const ani1 = gsap.timeline(); ani1.to("#section-01 .target", {rotation: 720, scale: 0, borderRadius: 200}) .to("#section-01 .target", {rotation: 0, scale: 1, borderRadius: 20}); ScrollTrigger.create({ animation: ani1, trigger: "#section-01", start: "top top", end: "+=2000", scrub: true, pin: true, anticipatePin: 1, markers: false });
CODE
// 01 : 이미지 애니메이션 주기 -------------------------- const ani1 = gsap.timeline(); ani1.to("#section-01 .target", {rotation: 720, scale: 0, borderRadius: 200}) .to("#section-01 .target", {rotation: 0, scale: 1, borderRadius: 20}); ScrollTrigger.create({ animation: ani1, trigger: "#section-01", start: "top top", end: "+=2000", scrub: true, pin: true, anticipatePin: 1, markers: false });