Adjusted the Marquee Speed

2026-02-21 18:36:52 +05:30
parent 7cb4de4fcc
commit 63d3a88ae5
9 changed files with 2413 additions and 21 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -22,29 +22,21 @@ body {

 /* Custom Animations */
@keyframes marquee {
-  0% {
-    transform: translateX(0%);
+  from {
+    transform: translateX(0);
  }
-  100% {
-    transform: translateX(-50%);
-  }
-}
-
-@keyframes marquee-slow {
-  0% {
-    transform: translateX(0%);
-  }
-  100% {
+  to {
    transform: translateX(-50%);
  }
 }

 .animate-marquee {
-  animation: marquee 20s linear infinite;
+  animation: marquee 60s linear infinite;
+  width: max-content;
 }

-.animate-marquee-slow {
-  animation: marquee-slow 30s linear infinite;
+.animate-marquee:hover {
+  animation-play-state: paused;
 }

 /* Smooth scrolling */