CODE
gsap.utils.toArray(".parallax__item").forEach((item) => { let color = item.getAttribute("data-bgcolor"); ScrollTrigger.create({ trigger: item, start: "top 50%", end: "bottom 5%", markers: true, onEnter: () => gsap.to("#page-content", { backgroundColor: color, duration: 1.4 }), onEnterBack: () => gsap.to("#page-content", { backgroundColor: color, duration: 1.4 }), }); });
section의 배경은 투명하게, 그 아래 #page-content의 배경색을 바꾸기