moveElement.js

Author: highflyer910

moveElement.js

@@ -0,0 +1,17 @@
+function moveElement(duration, distance, element){
+    const start = performance.now();
+
+    function move(currentTime){
+        const elapsed = currentTime - start;
+        const progress = elapsed / duration;
+        const amountToMove = progress * distance;
+
+        element.style.transform = `translateX(${ amountToMove }px)`; 
+
+        if (amountToMove < distance){
+            requestAnimationFrame(move);
+        }
+    }
+
+    requestAnimationFrame(move);
+}