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

update motion ease and timer

上级 79414562
.motion-common() {
animation-duration: .22s;
animation-duration: .35s;
animation-fill-mode: both;
display: block !important;
}
......
.fade-enter {
opacity: 0;
.motion-common();
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
animation-timing-function: @ease-out;
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;
}
......
......@@ -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;
}
}
......
......@@ -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;
}
}
......
......@@ -2,10 +2,10 @@
.make-motion(@className, @keyframeName);
.@{className}-enter {
opacity: 0;
animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
animation-timing-function: @ease-out-circ;
}
.@{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.
先完成此消息的编辑!
想要评论请 注册