提交 716dda94 编写于 作者: 罗宪

update motion ease and timer

上级 79414562
.motion-common() { .motion-common() {
animation-duration: .22s; animation-duration: .35s;
animation-fill-mode: both; animation-fill-mode: both;
display: block !important; display: block !important;
} }
...@@ -28,4 +28,4 @@ ...@@ -28,4 +28,4 @@
@import "motion/other"; @import "motion/other";
@import "motion/slide"; @import "motion/slide";
@import "motion/swing"; @import "motion/swing";
@import "motion/zoom"; @import "motion/zoom";
\ No newline at end of file
.fade-enter { .fade-enter {
opacity: 0; opacity: 0;
.motion-common(); .motion-common();
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: @ease-out;
animation-play-state: paused; animation-play-state: paused;
} }
.fade-leave { .fade-leave {
.motion-common(); .motion-common();
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2); animation-timing-function: @ease-in;
animation-play-state: paused; animation-play-state: paused;
} }
......
...@@ -2,10 +2,10 @@ ...@@ -2,10 +2,10 @@
.make-motion(@className, @keyframeName); .make-motion(@className, @keyframeName);
.@{className}-enter { .@{className}-enter {
opacity: 0; opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: @ease-out-circ;
} }
.@{className}-leave { .@{className}-leave {
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); animation-timing-function: @ease-in-circ;
} }
} }
......
...@@ -2,10 +2,10 @@ ...@@ -2,10 +2,10 @@
.make-motion(@className, @keyframeName); .make-motion(@className, @keyframeName);
.@{className}-enter { .@{className}-enter {
opacity: 0; opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); animation-timing-function: @ease-out-circ;
} }
.@{className}-leave { .@{className}-leave {
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); animation-timing-function: @ease-in-circ;
} }
} }
......
...@@ -2,10 +2,10 @@ ...@@ -2,10 +2,10 @@
.make-motion(@className, @keyframeName); .make-motion(@className, @keyframeName);
.@{className}-enter { .@{className}-enter {
opacity: 0; opacity: 0;
animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); animation-timing-function: @ease-out-circ;
} }
.@{className}-leave { .@{className}-leave {
animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05); animation-timing-function: @ease-in-circ;
} }
} }
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册