21 lines
692 B
TypeScript
21 lines
692 B
TypeScript
import { keyframes } from '../stitches.config';
|
|
|
|
export const slideUpAndFade = keyframes({
|
|
"0%": { opacity: 0, transform: "translateY(2px)" },
|
|
"100%": { opacity: 1, transform: "translateY(0)" },
|
|
});
|
|
|
|
export const slideRightAndFade = keyframes({
|
|
"0%": { opacity: 0, transform: "translateX(-2px)" },
|
|
"100%": { opacity: 1, transform: "translateX(0)" },
|
|
});
|
|
|
|
export const slideDownAndFade = keyframes({
|
|
"0%": { opacity: 0, transform: "translateY(-2px)" },
|
|
"100%": { opacity: 1, transform: "translateY(0)" },
|
|
});
|
|
|
|
export const slideLeftAndFade = keyframes({
|
|
"0%": { opacity: 0, transform: "translateX(2px)" },
|
|
"100%": { opacity: 1, transform: "translateX(0)" },
|
|
}); |