diff --git a/style/core/motion.less b/style/core/motion.less
index 4d676b6ab3..0dd042b19e 100644
--- a/style/core/motion.less
+++ b/style/core/motion.less
@@ -1,5 +1,5 @@
 .motion-common() {
-  animation-duration: .22s;
+  animation-duration: .35s;
   animation-fill-mode: both;
   display: block !important;
 }
@@ -28,4 +28,4 @@
 @import "motion/other";
 @import "motion/slide";
 @import "motion/swing";
-@import "motion/zoom";
+@import "motion/zoom";
\ No newline at end of file
diff --git a/style/core/motion/fade.less b/style/core/motion/fade.less
index 22b10a991b..e4be80d825 100644
--- a/style/core/motion/fade.less
+++ b/style/core/motion/fade.less
@@ -1,7 +1,7 @@
 .fade-enter {
   opacity: 0;
   .motion-common();
-  animation-timing-function: @ease-in;
+  animation-timing-function: @ease-out;
   animation-play-state: paused;
 }
 
diff --git a/style/core/motion/zoom.less b/style/core/motion/zoom.less
index 142df88d5f..e362da93bd 100644
--- a/style/core/motion/zoom.less
+++ b/style/core/motion/zoom.less
@@ -2,11 +2,11 @@
   .make-motion(@className, @keyframeName);
   .@{className}-enter {
     opacity: 0;
-    transform: scale(0, 0);
-    animation-timing-function: @ease-out-back;
+    animation-timing-function: @ease-out-circ;
   }
   .@{className}-leave {
-    animation-timing-function: @ease-in-back;
+    animation-timing-function: @ease-in-circ;
+    transform: scale(0, 0);
   }
 }