m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2025-02-14 21:10:41 +01:00
Code Releases Activity

animation tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2021-09-11 21:53:23 +02:00
parent b315f5bbb0
commit 3b62ddc121
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/atoms/Transitions.js
View File

@ -4,12 +4,12 @@ export const fadeIn = {
}, },
enter: { enter: {
opacity: 1, opacity: 1,
duration: '0.4', duration: 0.3,
when: 'beforeChildren' when: 'beforeChildren'
}, },
exit: { exit: {
opacity: 0, opacity: 0,
transition: { duration: '0.2' } transition: { duration: 0.2 }
} }
} }
@ -20,11 +20,11 @@ export const moveInTop = {
}, },
enter: { enter: {
y: 0, y: 0,
transition: { type: 'spring', duration: '0.4' } transition: { type: 'spring', duration: 0.3, stiffness: 120 }
}, },
exit: { exit: {
y: '-2rem', y: '-2rem',
transition: { type: 'spring', delay: '0.1', duration: '0.3' } transition: { type: 'spring', delay: 0.1, duration: 0.2 }
} }
} }
@ -35,11 +35,11 @@ export const moveInBottom = {
}, },
enter: { enter: {
y: 0, y: 0,
transition: { type: 'spring', duration: '0.4' } transition: { type: 'spring', duration: 0.3, stiffness: 120 }
}, },
exit: { exit: {
y: '2rem', y: '2rem',
transition: { type: 'spring', delay: '0.1', duration: '0.3' } transition: { type: 'spring', delay: 0.1, duration: 0.2 }
} }
} }