You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

34 lines
624 B

10 years ago
.swing-motion(@className, @keyframeName) {
.@{className}-enter,
.@{className}-appear {
10 years ago
.motion-common();
animation-play-state: paused;
}
.@{className}-enter.@{className}-enter-active,
.@{className}-appear.@{className}-appear-active {
10 years ago
animation-name: ~"@{keyframeName}In";
animation-play-state: running;
}
}
.swing-motion(swing, antSwing);
10 years ago
@keyframes antSwingIn {
0%,
100% {
transform: translateX(0);
10 years ago
}
20% {
transform: translateX(-10px);
}
40% {
transform: translateX(10px);
}
60% {
transform: translateX(-5px);
}
80% {
transform: translateX(5px);
}
9 years ago
}