optimize animation

crema-labs · Jul 28, 2024 · bc3a21d · bc3a21d
1 parent 300f768
commit bc3a21d
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -38,30 +38,30 @@
         font-size: 6px;
         line-height: 6px;
         white-space: pre;
-        text-shadow: 0 0 5px #00fffc, 0 0 10px #00fffc;
+        text-shadow: 0 0 3px #00fffc, 0 0 6px #00fffc;
         animation: glow 1.5s ease-in-out infinite alternate;
       }
       @keyframes glow {
         from {
-          text-shadow: 0 0 5px #00fffc, 0 0 10px #00fffc;
+          text-shadow: 0 0 3px #00fffc, 0 0 6px #00fffc;
         }
         to {
-          text-shadow: 0 0 10px #00fffc, 0 0 20px #00fffc, 0 0 30px #00fffc;
+          text-shadow: 0 0 6px #00fffc, 0 0 12px #00fffc, 0 0 18px #00fffc;
         }
       }
       .scanner {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
-        height: 10px;
+        height: 8px;
         background: linear-gradient(
           to bottom,
           rgba(255, 255, 255, 0.5),
           rgba(255, 255, 255, 0.8),
           rgba(255, 255, 255, 0.5)
         );
-        box-shadow: 0 0 20px 5px rgba(175, 204, 203, 0.7);
+        box-shadow: 0 0 15px 3px rgba(175, 204, 203, 0.7);
         animation: scan 4s linear infinite;
         opacity: 0.7;
       }
@@ -152,7 +152,7 @@
           box-shadow: 0 0 5px #00fffc;
         }
         to {
-          box-shadow: 0 0 20px #00fffc;
+          box-shadow: 0 0 15px #00fffc;
         }
       }
       .info-container p {