Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refining transitions settings

Browse Source
This commit is contained in:
Antoine M 2024-02-22 19:16:02 +01:00
parent 2b651e3f60
commit 704e72171d
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/AnimatedPage.jsx
View File

@ -26,7 +26,7 @@ export default function AnimatedPage({ children, className }) {
// const animationParameters = getAnimationParameters(); // const animationParameters = getAnimationParameters();
const animationParameters = { const animationParameters = {
initial: { x: "50%", opacity: 0 }, initial: { x: "50%", opacity: 0 },
animate: { x: "0%", opacity: 1 }, animate: { x: "0", opacity: 1 },
exit: { x: "-50%", opacity: 0 }, exit: { x: "-50%", opacity: 0 },
}; };
@ -37,9 +37,8 @@ export default function AnimatedPage({ children, className }) {
initial={animationParameters.initial} initial={animationParameters.initial}
animate={animationParameters.animate} animate={animationParameters.animate}
exit={animationParameters.exit} exit={animationParameters.exit}
transition={{ duration: 0.4, ease: "easeOut" }}> transition={{ duration: 0.3, ease: "easeOut" }}>
{children} {children}
<p>qsqsdds</p>
</motion.div> </motion.div>
); );
} }