Skip to content

Commit fc6c358

Browse files
committed
fix: modal motion lose #4191
1 parent 980ca7f commit fc6c358

File tree

3 files changed

+34
-0
lines changed

3 files changed

+34
-0
lines changed

components/style/core/motion/fade.less

+10
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,16 @@
99
.@{name}-leave {
1010
animation-timing-function: linear;
1111
}
12+
13+
.make-motion(@className, @keyframeName);
14+
.@{className}-enter,
15+
.@{className}-appear {
16+
opacity: 0;
17+
animation-timing-function: linear;
18+
}
19+
.@{className}-leave {
20+
animation-timing-function: linear;
21+
}
1222
}
1323

1424
.fade-motion(fade, antFade);

components/style/core/motion/move.less

+10
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,16 @@
99
.@{name}-leave {
1010
animation-timing-function: @ease-in-circ;
1111
}
12+
13+
.make-motion(@className, @keyframeName);
14+
.@{className}-enter,
15+
.@{className}-appear {
16+
opacity: 0;
17+
animation-timing-function: @ease-out-circ;
18+
}
19+
.@{className}-leave {
20+
animation-timing-function: @ease-in-circ;
21+
}
1222
}
1323

1424
.move-motion(move-up, antMoveUp);

components/style/core/motion/zoom.less

+14
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,20 @@
1414
.@{name}-leave {
1515
animation-timing-function: @ease-in-out-circ;
1616
}
17+
18+
.make-motion(@className, @keyframeName, @duration);
19+
.@{className}-enter,
20+
.@{className}-appear {
21+
transform: scale(0); // need this by yiminghe
22+
opacity: 0;
23+
animation-timing-function: @ease-out-circ;
24+
&-prepare {
25+
transform: none;
26+
}
27+
}
28+
.@{className}-leave {
29+
animation-timing-function: @ease-in-out-circ;
30+
}
1731
}
1832

1933
// For Modal, Select choosen item

0 commit comments

Comments
 (0)