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
});