Merge pull request #28 from POSUA-NITS/Milans_Task

gallery animation slower and uniform
POSUA-NITS · Mar 28, 2024 · 9b2dc93 · 9b2dc93
2 parents bd38ce3 + 16c457f
commit 9b2dc93
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/Pages/Gallery/Gallery.jsx b/src/Pages/Gallery/Gallery.jsx
@@ -130,7 +130,8 @@ const Gallery = () => {
         </div>
 
         <div
-          className={`w-[18rem] sm:w-[22rem] md:w-[39rem] h-fit mx-auto my-[3rem] md:my-[unset] transition-all duration-[2000ms] md:duration-[4000ms] ease-in-out ${flower ? "scale-[1.15] md:scale-[.85]" : "scale-[1.4] md:scale-[1.2]"}  ${styles.parentholder} `}
+          className={`w-[18rem] sm:w-[22rem] md:w-[39rem] h-fit mx-auto my-[3rem] md:my-[unset] transition-all duration-[2000ms] md:duration-[4
+            000ms] ease-in-out ${flower ? "scale-[1.15] md:scale-[.85]" : "scale-[1.4] md:scale-[1.2]"}  ${styles.parentholder} `}
         >
           {/* <img
             className={`transition-all duration-[2000ms] md:duration-[4000ms] ease-in-out ${

diff --git a/src/Pages/Gallery/Gallery.module.scss b/src/Pages/Gallery/Gallery.module.scss
@@ -14,14 +14,14 @@
     // transform: translateX(0rem);
     object-fit: contain;
     animation-play-state: running;
-    animation: scrollAnimation2 2170s linear infinite;
+    animation: scrollAnimation2 5170s linear infinite;
   }
 
   .scrollWraper2 {
     gap: 1rem;
     object-fit: contain;
     animation-play-state: running;
-    animation: scrollAnimation 255450s linear infinite;
+    animation: scrollAnimation 608606.6820276s linear infinite;
   }
 
   @keyframes scrollAnimation {