trigger-animations/dist/slide.js

A lightweight animation-on-scroll trigger utility built with **GSAP + ScrollTrigger**. Add animation attributes to your HTML elements and let the script handle the rest.

function slide(element) {
    const config = {};
    // left slide
    const leftSlide = element.getAttribute("data-slide-left");
    if (leftSlide !== null) {
        config.xPercent = (Number(leftSlide) || 100) * -1;
    }
    // right slide
    const rightSlide = element.getAttribute("data-slide-right");
    if (rightSlide !== null) {
        config.xPercent = Number(rightSlide) || 100;
    }
    // down slide
    const downSlide = element.getAttribute("data-slide-down");
    if (downSlide !== null) {
        config.yPercent = (Number(downSlide) || 100) * -1;
    }
    // up slide
    const upSlide = element.getAttribute("data-slide-up");
    if (upSlide !== null) {
        config.yPercent = Number(upSlide) || 100;
    }
    return config;
}
export default slide;