From 704e72171daa95369c85f2ef616d46cc56fc3521 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Thu, 22 Feb 2024 19:16:02 +0100 Subject: [PATCH] refining transitions settings --- src/components/AnimatedPage.jsx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/components/AnimatedPage.jsx b/src/components/AnimatedPage.jsx index 4df1125..8ae0f3e 100644 --- a/src/components/AnimatedPage.jsx +++ b/src/components/AnimatedPage.jsx @@ -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} -

qsqsdds

); }