Use CSS custom properties (variables) #2

let SC = ScrollMoo({
    ".box": {
        markers: true,
        indicatorStart: 50,
        indicatorEnd: 50,
        sync: 2,
        triggerStartElement: "#path",
        triggerEndElement: "#path",
        keyframes: {
            "--scrollmoo-distance": {
                unit: "%",
                100: 100
            },
            "--scrollmoo-rotate": {
                unit: "deg",
                100: 360
            }
        }
    }
});    

Copied!