feat: added pulsing animation to loading

JoaoTMDias · Dec 25, 2024 · 8fdbf28 · 8fdbf28
1 parent 347cf62
commit 8fdbf28
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -42,11 +42,33 @@
         font-size: 68px;
         line-height: 92px;
         color: var(--color-foreground);
+        animation-name: pulse;
+        animation-duration: 3000ms;
+        animation-timing-function: ease-in-out;
+        animation-delay: 300ms;
+        animation-iteration-count: infinite;;
       }
 
       * {
         box-sizing: border-box;
       }
+
+      @keyframes pulse {
+        0% {
+            transform: scale(1);
+            opacity: 1;
+        }
+
+        50% {
+            transform: scale(1.1);
+            opacity: 0.5
+        }
+
+        100% {
+            transform: scale(1);
+            opacity: 1;
+        }
+      }
     </style>
   </head>
   <body>