@sky-mavis/tanto-widget
Version:
Tanto Widget
66 lines • 965 B
JavaScript
import {keyframes}from'@emotion/react';const fadeIn = keyframes`
from {
opacity: 0;
}
to {
opacity: 1;
}
`;
const fadeOut = keyframes`
from {
opacity: 1;
}
to {
opacity: 0;
}
`;
const fadeInUp = keyframes`
from {
opacity: 0;
transform: scale(0.97);
}
to {
opacity: 1;
transform: scale(1);
}
`;
const fadeOutDown = keyframes`
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(0.97);
}
`;
const spin = keyframes`
to {
transform: rotate(1turn);
}
`;
const shake = keyframes`
0% {
transform: none;
}
25% {
transform: translateX(2px);
}
50% {
transform: translateX(-2px);
}
75% {
transform: translateX(2px);
}
100% {
transform: none;
}
`;
const shine = keyframes`
0% {
background-position: 0% 0;
}
100% {
background-position: -200% 0;
}
`;export{fadeIn,fadeInUp,fadeOut,fadeOutDown,shake,shine,spin};