diff options
| author | Rafi Zadanly <rafizadanly@gmail.com> | 2022-12-17 08:19:35 +0700 |
|---|---|---|
| committer | Rafi Zadanly <rafizadanly@gmail.com> | 2022-12-17 08:19:35 +0700 |
| commit | 7d6d9374fa97223f88af55b67fe8ce0513e14759 (patch) | |
| tree | 90acfb94c0dc2dcff2366f06fef7a0e90ff70cbd /src/components | |
| parent | f9e3e64ca2f95aabe17a62d9c09f3fcef7c2c48f (diff) | |
Change page transition
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Layout.js | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/Layout.js b/src/components/Layout.js index 6933d535..098ec262 100644 --- a/src/components/Layout.js +++ b/src/components/Layout.js @@ -2,15 +2,15 @@ import { motion } from 'framer-motion'; export default function Layout({ children, ...pageProps }) { const transition = { - ease: 'linear', - duration: 0.3 + ease: 'easeOut', + duration: 0.2 }; return children && ( <motion.main - initial={{ opacity: 0, x: -75, y: 0 }} + initial={{ opacity: 0, x: 50, y: 0 }} animate={{ opacity: 1, x: 0, y: 0 }} - exit={{ opacity: 0, x: 0, y: -50 }} + exit={{ opacity: 0, x: 50, y: 0 }} transition={transition} {...pageProps} > |