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의 배경색을 바꾸기