fix: button animation bug #14

awran5 · Oct 20, 2022 · 651f8b9 · 651f8b9
1 parent 2a06980
commit 651f8b9
Showing 1 changed file with 6 additions and 12 deletions.
diff --git a/src/styles.module.css b/src/styles.module.css
@@ -22,7 +22,7 @@
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px 0px;
+  box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 15%);
   z-index: 9998;
 }
 
@@ -33,8 +33,7 @@
   height: 60px;
   border-radius: 50%;
   position: absolute;
-  opacity: 0;
-  box-shadow: 0 0 0 0 #25d366;
+  box-shadow: 0 0 0 0 rgba(37, 211, 101, 0);
   -webkit-animation: _pulse 1.2s infinite;
   animation: _pulse 1.2s infinite;
 }
@@ -375,24 +374,19 @@
 /* keyframes */
 @-webkit-keyframes _pulse {
   0% {
-    box-shadow: 0 0 0 0 #25d366;
-    opacity: 1;
+    box-shadow: 0 0 0 0 rgba(37, 211, 101, 0.75);
   }
 
   100% {
-    box-shadow: 0 0 0 15px #25d366;
-    opacity: 0;
+    box-shadow: 0 0 0 15px rgba(37, 211, 101, 0);
   }
 }
 @keyframes _pulse {
   0% {
-    box-shadow: 0 0 0 0 #25d366;
-    opacity: 1;
+    box-shadow: 0 0 0 0 rgba(37, 211, 101, 0.75);
   }
-
   100% {
-    box-shadow: 0 0 0 15px #25d366;
-    opacity: 0;
+    box-shadow: 0 0 0 15px rgba(37, 211, 101, 0);
   }
 }