trigger-animations/dist/flip.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 flip(element) {
    const config = {};
    // left flip
    const leftFlip = element.getAttribute("data-flip-left");
    if (leftFlip !== null) {
        config.rotateY = (Number(leftFlip) || 100) * -1;
    }
    // right flip
    const rightFlip = element.getAttribute("data-flip-right");
    if (rightFlip !== null) {
        config.rotateY = Number(rightFlip) || 100;
    }
    // down flip
    const downFlip = element.getAttribute("data-flip-down");
    if (downFlip !== null) {
        config.rotateX = (Number(downFlip) || 100) * -1;
    }
    // up flip
    const upFlip = element.getAttribute("data-flip-up");
    if (upFlip !== null) {
        config.rotateX = Number(upFlip) || 100;
    }
    return config;
}
export default flip;