changed animation

layerswap · Jul 17, 2024 · dc86d20 · dc86d20
1 parent 8424352
commit dc86d20
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -162,40 +162,47 @@ textarea:disabled::placeholder {
 .pendingAnim {
   top: -4px;
   left: 0;
-  width: 0;
-  right: 100%;
   height: 4px;
   border-radius: 50%;
-  background: linear-gradient(90deg,
-      transparent 50%,
-      #facc15,
-      #d0a90f);
+  background: linear-gradient(90deg, transparent 50%, #facc15, #d0a90f);
   position: absolute;
   animation: animateTop 2s linear infinite;
+  will-change: transform, opacity;
 }
 
 @keyframes animateTop {
   0% {
     left: 0%;
     right: 100%;
     width: 0%;
+    opacity: 1;
   }
 
   20% {
     left: 0%;
     right: 80%;
     width: 20%;
+    opacity: 1;
   }
 
   80% {
     right: 0%;
     left: 20%;
     width: 60%;
+    opacity: 1;
+  }
+
+  90% {
+    left: 80%;
+    right: 20%;
+    width: 20%;
+    opacity: 0;
   }
 
   100% {
     left: 100%;
     right: 0%;
     width: 0%;
+    opacity: 0;
   }
 }