fix easing variable

This commit is contained in:
afc163 2015-07-09 11:04:45 +08:00
parent b407c5e924
commit 68528f1f09
5 changed files with 10 additions and 58 deletions

View File

@ -109,52 +109,4 @@
&-wrap-hidden > &&-zoom-leave {
display: block;
}
&-zoom-enter {
opacity: 0;
.effect();
animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
animation-play-state: paused;
}
&-zoom-leave {
.effect();
animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
animation-play-state: paused;
}
&-zoom-enter&-zoom-enter-active {
animation-name: rcDialogZoomIn;
animation-play-state: running;
}
&-zoom-leave&-zoom-leave-active {
animation-name: rcDialogZoomOut;
animation-play-state: running;
}
@keyframes rcDialogZoomIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
}
}
@keyframes rcDialogZoomOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
}
100% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0);
}
}
}

View File

@ -1,13 +1,13 @@
.fade-enter {
opacity: 0;
.motion-common();
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
animation-timing-function: @ease-in;
animation-play-state: paused;
}
.fade-leave {
.motion-common();
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
animation-timing-function: @ease-in;
animation-play-state: paused;
}

View File

@ -2,10 +2,10 @@
.make-motion(@className, @keyframeName);
.@{className}-enter {
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: @ease-out-circ;
}
.@{className}-leave {
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: @ease-in-circ;
}
}

View File

@ -2,10 +2,10 @@
.make-motion(@className, @keyframeName);
.@{className}-enter {
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: @ease-out-circ;
}
.@{className}-leave {
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
animation-timing-function: @ease-in-circ;
}
}

View File

@ -3,10 +3,10 @@
.@{className}-enter {
opacity: 0;
transform: scale(0, 0);
animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
animation-timing-function: @ease-out-back;
}
.@{className}-leave {
animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
animation-timing-function: @ease-in-back;
}
}