fix: modal motion lose #4191
parent
980ca7f4ff
commit
fc6c358e9a
|
@ -9,6 +9,16 @@
|
||||||
.@{name}-leave {
|
.@{name}-leave {
|
||||||
animation-timing-function: linear;
|
animation-timing-function: linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.make-motion(@className, @keyframeName);
|
||||||
|
.@{className}-enter,
|
||||||
|
.@{className}-appear {
|
||||||
|
opacity: 0;
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
|
.@{className}-leave {
|
||||||
|
animation-timing-function: linear;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fade-motion(fade, antFade);
|
.fade-motion(fade, antFade);
|
||||||
|
|
|
@ -9,6 +9,16 @@
|
||||||
.@{name}-leave {
|
.@{name}-leave {
|
||||||
animation-timing-function: @ease-in-circ;
|
animation-timing-function: @ease-in-circ;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.make-motion(@className, @keyframeName);
|
||||||
|
.@{className}-enter,
|
||||||
|
.@{className}-appear {
|
||||||
|
opacity: 0;
|
||||||
|
animation-timing-function: @ease-out-circ;
|
||||||
|
}
|
||||||
|
.@{className}-leave {
|
||||||
|
animation-timing-function: @ease-in-circ;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.move-motion(move-up, antMoveUp);
|
.move-motion(move-up, antMoveUp);
|
||||||
|
|
|
@ -14,6 +14,20 @@
|
||||||
.@{name}-leave {
|
.@{name}-leave {
|
||||||
animation-timing-function: @ease-in-out-circ;
|
animation-timing-function: @ease-in-out-circ;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.make-motion(@className, @keyframeName, @duration);
|
||||||
|
.@{className}-enter,
|
||||||
|
.@{className}-appear {
|
||||||
|
transform: scale(0); // need this by yiminghe
|
||||||
|
opacity: 0;
|
||||||
|
animation-timing-function: @ease-out-circ;
|
||||||
|
&-prepare {
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.@{className}-leave {
|
||||||
|
animation-timing-function: @ease-in-out-circ;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// For Modal, Select choosen item
|
// For Modal, Select choosen item
|
||||||
|
|
Loading…
Reference in New Issue