diff --git a/style/components/notification.less b/style/components/notification.less
index cf3b67b756..1522918277 100644
--- a/style/components/notification.less
+++ b/style/components/notification.less
@@ -92,7 +92,7 @@
   }
 
   .notification-fade-effect {
-    animation-duration: 0.3s;
+    animation-duration: 0.24s;
     animation-fill-mode: both;
     animation-timing-function: @ease-in-out;
   }
@@ -106,6 +106,7 @@
 
   &-fade-leave {
     .notification-fade-effect();
+    animation-duration: 0.2s;
     animation-play-state: paused;
   }
 
diff --git a/style/core/motion.less b/style/core/motion.less
index 91234e17ed..7ea0b5dbb3 100644
--- a/style/core/motion.less
+++ b/style/core/motion.less
@@ -1,5 +1,10 @@
 .motion-common() {
-  animation-duration: .3s;
+  animation-duration: .24s;
+  animation-fill-mode: both;
+}
+
+.motion-common-leave() {
+  animation-duration: .2s;
   animation-fill-mode: both;
 }
 
@@ -10,7 +15,7 @@
     animation-play-state: paused;
   }
   .@{className}-leave {
-    .motion-common();
+    .motion-common-leave();
     animation-play-state: paused;
   }
   .@{className}-enter.@{className}-enter-active,