Fix animation flash

acmucsd · Apr 27, 2024 · eae777a · eae777a
1 parent f1c9107
commit eae777a
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/src/components/events/EventBadges/style.module.scss b/src/components/events/EventBadges/style.module.scss
@@ -23,30 +23,36 @@
         animation: pulse 1s ease-in-out infinite alternate;
 
         @keyframes pulse {
-          0% { opacity: 0 }
-          100% {opacity: 1 }
+          0% {
+            opacity: 0;
+          }
+
+          100% {
+            opacity: 1;
+          }
         }
       }
 
       &::before {
-        animation: pulse2 2s ease-out forwards infinite;
+        animation: pulse2 2s ease-in-out reverse infinite;
         border: 2px solid vars.$danger-1;
         border-radius: 5px;
         content: '';
+        opacity: 0;
         position: absolute;
 
         @keyframes pulse2 {
           0% {
-            filter: blur(0);
-            inset: 0;
-            opacity: 1;
-          }
-
-          100% {
             filter: blur(2px);
             inset: -0.75rem;
             opacity: 0;
           }
+
+          100% {
+            filter: blur(0);
+            inset: 0;
+            opacity: 1;
+          }
         }
       }
     }