Initial commit
This commit is contained in:
@@ -0,0 +1,42 @@
|
||||
import type { Variants } from "framer-motion";
|
||||
|
||||
export const fadeUp: Variants = {
|
||||
hidden: { opacity: 0, y: 24 },
|
||||
visible: {
|
||||
opacity: 1,
|
||||
y: 0,
|
||||
transition: { duration: 0.7, ease: [0.16, 1, 0.3, 1] },
|
||||
},
|
||||
};
|
||||
|
||||
export const fadeIn: Variants = {
|
||||
hidden: { opacity: 0 },
|
||||
visible: {
|
||||
opacity: 1,
|
||||
transition: { duration: 0.6, ease: "easeOut" },
|
||||
},
|
||||
};
|
||||
|
||||
export const scaleIn: Variants = {
|
||||
hidden: { opacity: 0, scale: 0.96 },
|
||||
visible: {
|
||||
opacity: 1,
|
||||
scale: 1,
|
||||
transition: { duration: 0.7, ease: [0.16, 1, 0.3, 1] },
|
||||
},
|
||||
};
|
||||
|
||||
export const stagger = (delay = 0.08): Variants => ({
|
||||
hidden: {},
|
||||
visible: {
|
||||
transition: {
|
||||
staggerChildren: delay,
|
||||
delayChildren: 0.1,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const viewportConfig = {
|
||||
once: true,
|
||||
margin: "-100px",
|
||||
} as const;
|
||||
Reference in New Issue
Block a user