diff --git a/views/ngXosLib/xosHelpers/src/styles/animations.scss b/views/ngXosLib/xosHelpers/src/styles/animations.scss
index 803d150..f565ff7 100644
--- a/views/ngXosLib/xosHelpers/src/styles/animations.scss
+++ b/views/ngXosLib/xosHelpers/src/styles/animations.scss
@@ -18,4 +18,27 @@
     visibility: hidden;
     transform: translate3d(100%, 0, 0);
   }
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+@keyframes fadeOutDown {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
 }
\ No newline at end of file