m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-12-22 17:23:22 +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: {
opacity: 1,
duration: '0.4',
duration: 0.3,
when: 'beforeChildren'
},
exit: {
opacity: 0,
transition: { duration: '0.2' }
transition: { duration: 0.2 }
}
}
@ -20,11 +20,11 @@ export const moveInTop = {
},
enter: {
y: 0,
transition: { type: 'spring', duration: '0.4' }
transition: { type: 'spring', duration: 0.3, stiffness: 120 }
},
exit: {
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: {
y: 0,
transition: { type: 'spring', duration: '0.4' }
transition: { type: 'spring', duration: 0.3, stiffness: 120 }
},
exit: {
y: '2rem',
transition: { type: 'spring', delay: '0.1', duration: '0.3' }
transition: { type: 'spring', delay: 0.1, duration: 0.2 }
}
}