diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index b0a5d05d20..4019a22dc2 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -5113,6 +5113,32 @@ a.button {
  * Keyframes
  * --------------------------------------------------
  */
+@-webkit-keyframes slideInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    -moz-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    opacity: 0; }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+    -moz-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1; } }
+
+@-webkit-keyframes slideOutUp {
+  0% {
+    -webkit-transform: translate3d(0, 0, 0);
+    -moz-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1; }
+
+  100% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    -moz-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    opacity: 0; } }
+
 @-webkit-keyframes slideInFromLeft {
   from {
     -webkit-transform: translate3d(-100%, 0, 0); }
diff --git a/scss/_animations.scss b/scss/_animations.scss
index 8e2ebe4f60..9857e5322c 100644
--- a/scss/_animations.scss
+++ b/scss/_animations.scss
@@ -14,6 +14,27 @@
  * --------------------------------------------------
  */
 
+$slide-in-up-function: cubic-bezier(.1, .7, .1, 1);
+@-webkit-keyframes slideInUp {
+  0% {
+    @include translate3d(0, 100%, 0);
+    opacity: 0;
+  }
+  100% {
+    @include translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+@-webkit-keyframes slideOutUp {
+  0% {
+    @include translate3d(0, 0, 0);
+    opacity: 1;
+  }
+  100% {
+    @include translate3d(0, 100%, 0);
+    opacity: 0;
+  }
+}
 
 // Slide In From Left
 // -------------------------------