diff --git a/style/core/motion.less b/style/core/motion.less
index 4d676b6ab33cb8c3d23291d00e32aa8a2f5bb44a..0dd042b19eee794fc7d9d506be87d8dfd338fcd0 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 a05ca9460a5b133193739c57bd881c4c2a01106f..85b3f8492cbf865f0b8d27347cc5d605487d29bc 100644
--- a/style/core/motion/fade.less
+++ b/style/core/motion/fade.less
@@ -1,13 +1,13 @@
 .fade-enter {
   opacity: 0;
   .motion-common();
-  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+  animation-timing-function: @ease-out;
   animation-play-state: paused;
 }
 
 .fade-leave {
   .motion-common();
-  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+  animation-timing-function: @ease-in;
   animation-play-state: paused;
 }
 
diff --git a/style/core/motion/move.less b/style/core/motion/move.less
index 48f04394e7db185307c30f13ad7cccf216afd430..ae3f2cd8eb63180ce88896157a1aa838822782bd 100644
--- a/style/core/motion/move.less
+++ b/style/core/motion/move.less
@@ -2,10 +2,10 @@
   .make-motion(@className, @keyframeName);
   .@{className}-enter {
     opacity: 0;
-    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
+    animation-timing-function: @ease-out-circ;
   }
   .@{className}-leave {
-    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
+    animation-timing-function: @ease-in-circ;
   }
 }
 
diff --git a/style/core/motion/slide.less b/style/core/motion/slide.less
index 25c50e1083299d9950a296438e54ace0fa146591..a237dbe47a9bdab8a67074e626aab1f73ba789a9 100644
--- a/style/core/motion/slide.less
+++ b/style/core/motion/slide.less
@@ -2,10 +2,10 @@
   .make-motion(@className, @keyframeName);
   .@{className}-enter {
     opacity: 0;
-    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
+    animation-timing-function: @ease-out-circ;
   }
   .@{className}-leave {
-    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
+    animation-timing-function: @ease-in-circ;
   }
 }
 
diff --git a/style/core/motion/zoom.less b/style/core/motion/zoom.less
index 5964b6fe8b75787172ea4c58cfd2c9285c5bb5eb..9c2fd18b3ecd7c6943c080a4a6f689e73a256f5a 100644
--- a/style/core/motion/zoom.less
+++ b/style/core/motion/zoom.less
@@ -2,10 +2,10 @@
   .make-motion(@className, @keyframeName);
   .@{className}-enter {
     opacity: 0;
-    animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
+    animation-timing-function: @ease-out-circ;
   }
   .@{className}-leave {
-    animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
+    animation-timing-function: @ease-in-circ;
   }
 }