fix: 修复zoom动画问题

NSFI · Sep 29, 2021 · 81f9edb · 81f9edb
1 parent 0346a66
commit 81f9edb
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/source/assets/css/core/motion/zoom.less b/source/assets/css/core/motion/zoom.less
@@ -2,8 +2,13 @@
   .make-motion(@className, @keyframeName, @duration);
   .@{className}-enter,
   .@{className}-appear {
+    opacity: 0;
     transform: scale(0); // need this by yiminghe
     animation-timing-function: @ease-out-circ;
+
+    &-prepare {
+      transform: none;
+    }
   }
   .@{className}-leave {
     animation-timing-function: @ease-in-out-circ;
@@ -49,6 +54,7 @@
     transform: scale(0.8);
   }
   100% {
+    opacity: 1;
     transform: scale(1);
   }
 }