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

SECTION 02

SECTION 03

SECTION 04