animation vendor-specific styles for old browsers

Author: cquirosj

src/Frontend/src/components/messages2/SagaDiagram/SagaUpdateNode.vue

@@ -200,6 +200,9 @@ watch(
 
 .cell-inner-side--active {
   border: solid 2px #000000;
+  -webkit-animation: blink-border 1.8s ease-in-out;
+  -moz-animation: blink-border 1.8s ease-in-out;
+  -o-animation: blink-border 1.8s ease-in-out;
   animation: blink-border 1.8s ease-in-out;
 }
 
@@ -345,6 +348,51 @@ watch(
   color: #00a3c4;
 }
 
+@-webkit-keyframes blink-border {
+  0%,
+  100% {
+    border-color: #000000;
+  }
+  20%,
+  60% {
+    border-color: #cccccc;
+  }
+  40%,
+  80% {
+    border-color: #000000;
+  }
+}
+
+@-moz-keyframes blink-border {
+  0%,
+  100% {
+    border-color: #000000;
+  }
+  20%,
+  60% {
+    border-color: #cccccc;
+  }
+  40%,
+  80% {
+    border-color: #000000;
+  }
+}
+
+@-o-keyframes blink-border {
+  0%,
+  100% {
+    border-color: #000000;
+  }
+  20%,
+  60% {
+    border-color: #cccccc;
+  }
+  40%,
+  80% {
+    border-color: #000000;
+  }
+}
+
 @keyframes blink-border {
   0%,
   100% {