diff --git a/components/style/core/motion/fade.less b/components/style/core/motion/fade.less
index c703b5973..ac70f2d56 100644
--- a/components/style/core/motion/fade.less
+++ b/components/style/core/motion/fade.less
@@ -9,6 +9,16 @@
   .@{name}-leave {
     animation-timing-function: linear;
   }
+
+  .make-motion(@className, @keyframeName);
+  .@{className}-enter,
+  .@{className}-appear {
+    opacity: 0;
+    animation-timing-function: linear;
+  }
+  .@{className}-leave {
+    animation-timing-function: linear;
+  }
 }
 
 .fade-motion(fade, antFade);
diff --git a/components/style/core/motion/move.less b/components/style/core/motion/move.less
index e7972d77a..68ae3eff0 100644
--- a/components/style/core/motion/move.less
+++ b/components/style/core/motion/move.less
@@ -9,6 +9,16 @@
   .@{name}-leave {
     animation-timing-function: @ease-in-circ;
   }
+
+  .make-motion(@className, @keyframeName);
+  .@{className}-enter,
+  .@{className}-appear {
+    opacity: 0;
+    animation-timing-function: @ease-out-circ;
+  }
+  .@{className}-leave {
+    animation-timing-function: @ease-in-circ;
+  }
 }
 
 .move-motion(move-up, antMoveUp);
diff --git a/components/style/core/motion/zoom.less b/components/style/core/motion/zoom.less
index 8c2c57aca..39c447b90 100644
--- a/components/style/core/motion/zoom.less
+++ b/components/style/core/motion/zoom.less
@@ -14,6 +14,20 @@
   .@{name}-leave {
     animation-timing-function: @ease-in-out-circ;
   }
+
+  .make-motion(@className, @keyframeName, @duration);
+  .@{className}-enter,
+  .@{className}-appear {
+    transform: scale(0); // need this by yiminghe
+    opacity: 0;
+    animation-timing-function: @ease-out-circ;
+    &-prepare {
+      transform: none;
+    }
+  }
+  .@{className}-leave {
+    animation-timing-function: @ease-in-out-circ;
+  }
 }
 
 // For Modal, Select choosen item