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