js 震动 效果

function easeOutQuad(t, b, c, d) {
    t /= d;
    return -c * t * (t - 2) + b;
}

function shake(element, duration, magnitude) {
    const start = performance.now();
    const initialTransform = element.style.transform;
    const distance = magnitude;

    function animate(time) {
        const elapsed = time - start;
        if (elapsed < duration) {
            const progress = easeOutQuad(elapsed, 0, 1, duration);
            const shakeAmount = distance * progress;
            element.style.transform = `translateX(${shakeAmount}px)`;
            requestAnimationFrame(animate);
        } else {
            element.style.transform = initialTransform;
        }
    }

    requestAnimationFrame(animate);
}