diff --git a/components/style/core/motion/zoom.less b/components/style/core/motion/zoom.less
index 2754360e04..f35197570a 100644
--- a/components/style/core/motion/zoom.less
+++ b/components/style/core/motion/zoom.less
@@ -3,6 +3,7 @@
   .@{className}-enter,
   .@{className}-appear {
     transform: scale(0); // need this by yiminghe
+    opacity: 0;
     animation-timing-function: @ease-out-circ;
   }
   .@{className}-leave {
@@ -49,6 +50,7 @@
     transform: scale(0.8);
   }
   100% {
+    opacity: 1;
     transform: scale(1);
   }
 }