Added an other animate but flash ist still the best, exit animation does still not work

app/assets/stylesheets/application.css

@@ -121,3 +121,51 @@
     background-color: transparent;
   }
 }
+
+.animate-add-row {
+  transition-duration: 0.25s;
+  animation: addRow 0.25s 1 ease-out;
+  transform-origin: top;
+}
+
+.animate-rem-row {
+  transition-duration: 0.25s;
+  animation: remRow 0.25s 1 ease-out;
+  transform-origin: top;
+}
+
+@keyframes addRow {
+  0% {
+    transform: scale(1, 0);
+    line-height: 0px;
+    background-color: #fff;
+    visibility: collapse;
+  }
+  50% {
+    background-color: orange;
+    transform: scale(1, 1);
+    line-height: 18px; /* font-size(16px) + border-top(1px) + border-bottom(1px) */
+    visibility: visible;
+  }
+  100% {
+    background-color: #fff;
+  }
+}
+
+@keyframes remRow {
+  0% {
+    transform: scale(1, 0);
+    line-height: 18px; /* font-size(16px) + border-top(1px) + border-bottom(1px) */
+    background-color: #fff;
+    visibility: collapse;
+  }
+  50% {
+    background-color: orange;
+    transform: scale(1, 1);
+    line-height: 0px;
+    visibility: visible;
+  }
+  100% {
+    background-color: #fff;
+  }
+}