update animate

This commit is contained in:
yiminghe 2015-08-24 00:31:49 +08:00
parent 0e6c48387d
commit 3b3ae23fe2
7 changed files with 16 additions and 16 deletions

View File

@ -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",

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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);
}
}
}

View File

@ -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;
}