ConceptProd/ConceptPortal-public
1
0
Fork 0
mirror of https://github.com/IRBorisov/ConceptPortal.git synced 2025-06-26 04:50:36 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve side animation

Browse Source
This commit is contained in:
IRBorisov 2024-06-20 19:47:34 +03:00
parent 8adea52d4b
commit 18a293e7d7
1 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
rsconcept/frontend/src/styling/animations.ts
View File

@ -188,22 +188,32 @@ export const animateParseResults: Variants = {
export const animateSideView = {
initial: {
clipPath: 'inset(0% 100% 0% 0%)'
width: 0,
opacity: 0
},
animate: {
clipPath: 'inset(0% 0% 0% 0%)',
width: 'auto',
opacity: 1,
transition: {
type: 'spring',
bounce: 0,
duration: 1
width: {
duration: 0.4
},
opacity: {
delay: 0.4,
duration: 0
}
}
},
exit: {
clipPath: 'inset(0% 100% 0% 0%)',
width: 0,
opacity: 0,
transition: {
type: 'spring',
bounce: 0,
duration: 1
width: {
duration: 0.4
},
opacity: {
duration: 0
}
}
}
};