trigger-animations/dist/common.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 common(element) {
    const config = {};
    // fade
    let fade = element.getAttribute("data-fade");
    if (fade !== null) {
        config.opacity = 0;
    }
    // blur
    let blur = element.getAttribute("data-blur");
    if (blur !== null) {
        config.filter = `blur(${10}px)`;
        if (Number(blur)) {
            config.filter = `blur(${Number(blur)}px)`;
        }
    }
    // delay
    let delay = element.getAttribute("data-delay");
    if (delay !== null) {
        config.delay = Number(delay) / 100;
    }
    // duration
    let duration = element.getAttribute("data-duration");
    if (duration !== null) {
        config.duration = Number(duration) / 100;
    }
    // ease
    let ease = element.getAttribute("data-ease");
    if (ease !== null) {
        config.ease = ease;
    }
    return config;
}
export default common;