new cool effect to highlight the text enter box

ZeroBotGate · web-flow · commit 3dcf69e38bc6 · 2026-04-04T22:08:13.000-04:00
diff --git a/index.html b/index.html
@@ -49,17 +49,30 @@
                 color:#80C000;
                 margin:20px;
             }
-          
-            @keyframes flash {
-                from { border-color:red;color:red; }
-                to {}
+            
+            /* things for shine effect */
+            .shine {
+              -webkit-mask-image: linear-gradient(-45deg, #000f 30%, #0004 50%, #000f 70%);
+              -webkit-mask-size: 200%;
+              -webkit-mask-position: -50%;
+              animation: shine 2s linear 5;
+            }
+            
+            @-webkit-keyframes shine {
+              from {
+                -webkit-mask-position: 150%;
+              }
+              
+              to {
+                -webkit-mask-position: -50%;
+              }
             }
         </style>
     </head>
     <body>
         <div style="margin-top:35vh;">
-            <h1 style="margin-bottom:20px;">Zero Bot Gate</h1>
-                <input type="password" placeholder="Enter Your Passphrase" name="in" required id="in" class="tostyle"/>
+            <h1 style="margin-bottom:15px;">Zero Bot Gate</h1>
+                <input type="password" placeholder="Enter Your Passphrase" name="in" required id="in" class="tostyle shine"/>
                 <span type="submit" onclick="test()" class="tostyle" style="margin-left:20px;width:25px;text-align:center;margin-bottom:30px;display:inline-block;">></span>
             <div></div>
             <span class="tostyle" onclick="relocate('new')">Need a new passphrase?</span>
