mirror of
https://github.com/ant-design/ant-design.git
synced 2025-07-25 07:56:54 +08:00
update animate
This commit is contained in:
parent
0e6c48387d
commit
3b3ae23fe2
12
package.json
12
package.json
@ -38,26 +38,26 @@
|
||||
"gregorian-calendar-format": "~3.0.1",
|
||||
"is-equal-shallow": "~0.1.3",
|
||||
"object-assign": "3.x",
|
||||
"rc-animate": "~1.1.0",
|
||||
"rc-calendar": "~3.14.0",
|
||||
"rc-animate": "~1.2.0",
|
||||
"rc-calendar": "~3.14.2",
|
||||
"rc-checkbox": "~1.1.1",
|
||||
"rc-collapse": "~1.3.0",
|
||||
"rc-dialog": "~5.0.1",
|
||||
"rc-dialog": "~5.0.2",
|
||||
"rc-dropdown": "~1.3.3",
|
||||
"rc-form-validation": "~2.4.7",
|
||||
"rc-input-number": "~2.0.1",
|
||||
"rc-menu": "~4.3.1",
|
||||
"rc-menu": "~4.4.2",
|
||||
"rc-notification": "~1.1.0",
|
||||
"rc-pagination": "~1.1.0",
|
||||
"rc-progress": "~1.0.0",
|
||||
"rc-radio": "~2.0.0",
|
||||
"rc-select": "~4.8.0",
|
||||
"rc-select": "~4.8.1",
|
||||
"rc-slider": "~1.4.0",
|
||||
"rc-steps": "~1.1.4",
|
||||
"rc-switch": "~1.2.0",
|
||||
"rc-table": "~3.1.0",
|
||||
"rc-tabs": "~5.3.2",
|
||||
"rc-tooltip": "~2.6.3",
|
||||
"rc-tooltip": "~2.6.4",
|
||||
"rc-tree": "~0.14.3",
|
||||
"rc-upload": "~1.3.1",
|
||||
"rc-util": "~2.0.3",
|
||||
|
@ -5,7 +5,7 @@
|
||||
}
|
||||
|
||||
.make-motion(@className, @keyframeName) {
|
||||
.@{className}-enter {
|
||||
.@{className}-enter, .@{className}-appear {
|
||||
.motion-common();
|
||||
animation-play-state: paused;
|
||||
}
|
||||
@ -13,7 +13,7 @@
|
||||
.motion-common();
|
||||
animation-play-state: paused;
|
||||
}
|
||||
.@{className}-enter.@{className}-enter-active {
|
||||
.@{className}-enter.@{className}-enter-active, .@{className}-appear.@{className}-appear-active {
|
||||
animation-name: ~"@{keyframeName}In";
|
||||
animation-play-state: running;
|
||||
}
|
||||
|
@ -1,4 +1,4 @@
|
||||
.fade-enter {
|
||||
.fade-enter, .fade-appear {
|
||||
opacity: 0;
|
||||
.motion-common();
|
||||
animation-timing-function: @ease-out;
|
||||
@ -11,7 +11,7 @@
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
.fade-enter.fade-enter-active {
|
||||
.fade-enter.fade-enter-active, .fade-appear.fade-appear-active {
|
||||
animation-name: fadeIn;
|
||||
animation-play-state: running;
|
||||
}
|
||||
|
@ -1,6 +1,6 @@
|
||||
.move-motion(@className, @keyframeName) {
|
||||
.make-motion(@className, @keyframeName);
|
||||
.@{className}-enter {
|
||||
.@{className}-enter, .@{className}-appear {
|
||||
opacity: 0;
|
||||
animation-timing-function: @ease-out-circ;
|
||||
}
|
||||
|
@ -1,6 +1,6 @@
|
||||
.slide-motion(@className, @keyframeName) {
|
||||
.make-motion(@className, @keyframeName);
|
||||
.@{className}-enter {
|
||||
.@{className}-enter, .@{className}-appear {
|
||||
opacity: 0;
|
||||
animation-timing-function: @ease-out-quint;
|
||||
}
|
||||
|
@ -1,9 +1,9 @@
|
||||
.swing-motion(@className, @keyframeName) {
|
||||
.@{className}-enter {
|
||||
.@{className}-enter, .@{className}-appear {
|
||||
.motion-common();
|
||||
animation-play-state: paused;
|
||||
}
|
||||
.@{className}-enter.@{className}-enter-active {
|
||||
.@{className}-enter.@{className}-enter-active, .@{className}-appear.@{className}-appear-active {
|
||||
animation-name: ~"@{keyframeName}In";
|
||||
animation-play-state: running;
|
||||
}
|
||||
@ -27,4 +27,4 @@
|
||||
80% {
|
||||
transform: translateX(5px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1,6 +1,6 @@
|
||||
.zoom-motion(@className, @keyframeName) {
|
||||
.make-motion(@className, @keyframeName);
|
||||
.@{className}-enter {
|
||||
.@{className}-enter, .@{className}-appear {
|
||||
transform: scale(0, 0); // need this by yiminghe
|
||||
animation-timing-function: @ease-out-quint;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user