瀏覽代碼

login - animation removed (#1344)

Tara Rostami 1 年之前
父節點
當前提交
24a0b143ae
共有 1 個文件被更改,包括 6 次插入14 次删除
  1. 6 14
      web/html/login.html

+ 6 - 14
web/html/login.html

@@ -55,14 +55,6 @@
       opacity: 1;
     }
   }
-  @keyframes wave {
-    from {
-      transform: rotate(0deg);
-    }
-    to {
-      transform: rotate(360deg);
-    }
-  }
   .wave {
     opacity: 0.6;
     position: absolute;
@@ -74,16 +66,16 @@
     margin-left: -3000px;
     transform-origin: 50% 48%;
     border-radius: 46%;
-    animation: wave 72s infinite linear;
     pointer-events: none;
+    rotate: 125deg;
   }
   .wave2 {
-    animation: wave 88s infinite linear;
-    opacity: 0.3;
+    opacity: 0.4;
+    rotate: 70deg;
   }
   .wave3 {
-    animation: wave 80s infinite linear;
-    opacity: 0.1;
+    opacity: 0.2;
+    rotate: 90deg;
   }
   .under {
     background-color: #dbf5ed;
@@ -156,10 +148,10 @@
     background-origin: border-box;
     background-clip: padding-box, border-box;
     background-size: 300%;
-    animation: wave-btn-tara 4s ease infinite;
     transition: all 0.5s ease;
     width: 100%;
   }
+  .dark .wave-btn-bg:hover {animation: wave-btn-tara 4s ease infinite;}
   .dark .wave-btn-bg-cl {
     background-image: linear-gradient(rgba(13, 14, 33, 0), rgba(13, 14, 33, 0)),
       radial-gradient(circle at left top, #006655, #009980, #006655) !important;