Browse Source

añadida animación en el logo del login

robert2206 8 năm trước cách đây
mục cha
commit
edb2b01843
2 tập tin đã thay đổi với 36 bổ sung1 xóa
  1. 1 1
      src/pages/login/login.html
  2. 35 0
      src/pages/login/login.scss

+ 1 - 1
src/pages/login/login.html

@@ -1,5 +1,5 @@
 <ion-content padding>
-    <img src="./assets/images/logo.png" />
+    <img class="pulse" src="./assets/images/logo.png" />
 
     <ion-list>
         <ion-item>

+ 35 - 0
src/pages/login/login.scss

@@ -22,4 +22,39 @@ page-login {
     .item-icon {
         color: #d3d3d3 !important;
     }
+
+    @keyframes pulse_animation {
+	    0% { 
+            transform: scale(1); 
+        }
+	    30% {
+            transform: scale(1);
+        }
+	    40% { 
+            transform: scale(1.08);
+        }
+	    50% {
+            transform: scale(1);
+        }
+	    60% { 
+            transform: scale(1);
+        }
+	    70% {
+            transform: scale(1.05);
+        }
+	    80% {
+            transform: scale(1);
+        }
+	    100% {
+            transform: scale(1);
+        }
+    }
+
+    .pulse {
+	    animation-name: pulse_animation;
+	    animation-duration: 5000ms;
+	    transform-origin:70% 70%;
+	    animation-iteration-count: infinite;
+	    animation-timing-function: linear;
+    }
 }