fix(ui/ripple): 优化了ripple的动画

affects: @varlet/ui
varletjs · Jan 19, 2021 · f219a14 · f219a14
1 parent a112796
commit f219a14
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/varlet-ui/src/ripple/ripple.less b/packages/varlet-ui/src/ripple/ripple.less
@@ -1,6 +1,6 @@
 .var-ripple {
 	position: absolute;
-	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
 	top: 0;
 	left: 0;
 	border-radius: 50%;