mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 11:10:01 +08:00
Code Issues Actions 25 Packages Projects Releases Wiki Activity

fix easing variable

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
style/components/dialog/Dialog.less
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);
}
}
}

6
style/core/motion/fade.less
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;
}
@ -37,4 +37,4 @@
100% {
opacity: 0;
}
}
}

4
style/core/motion/move.less
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;
}
}

6
style/core/motion/slide.less
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;
}
}
@ -116,4 +116,4 @@
transform-origin: 100% 0%;
transform: scaleX(0);
}
}
}

4
style/core/motion/zoom.less
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;
}
}