wait #7831

diff --git a/js/106-logos.js b/js/106-logos.js
index b9093e569199b0196451ec77768c12e7cbb7cb1f..31b437b009a8666d699197b04373180dd6268649 100644 (file)
--- a/js/106-logos.js
+++ b/js/106-logos.js
@@ -6,6 +6,10 @@ function load_logo() {
     const picturesWidth = Array.from(pictures.map((v,i) => {return $(i).width()}))
     const ww = $(window).innerWidth()
     const initialValue = 0;
+    const speed = 30;
+    const width = container[0].scrollWidth / 2;
+
+    container.css('animation-duration', `${width / speed}s`)
 
     const picturesTotalWidth = picturesWidth.reduce(
         (accumulator, currentValue) => accumulator + currentValue,

diff --git a/less/106-logos.less b/less/106-logos.less
index 9f6a2cedc8163cd3d41a77315bc7dbb7e4da4b02..9718e659fb7b8d6cfc2be82e0199d241d19678c1 100644 (file)
--- a/less/106-logos.less
+++ b/less/106-logos.less
@@ -15,7 +15,7 @@
                gap: 70px;\r
                justify-content: left;\r
                width: max-content;\r
-               animation: marquee 35s linear infinite forwards;\r
+               animation: marquee linear infinite forwards;\r
 \r
                @media (max-width: 1299px) {\r
                        padding: 0;\r