ConceptProd/ConceptPortal-public
1
0
Fork 0
mirror of https://github.com/IRBorisov/ConceptPortal.git synced 2025-06-26 13:00:39 +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 = { export const animateSideView = {
initial: { initial: {
clipPath: 'inset(0% 100% 0% 0%)' width: 0,
opacity: 0
}, },
animate: { animate: {
clipPath: 'inset(0% 0% 0% 0%)', width: 'auto',
opacity: 1,
transition: { transition: {
type: 'spring', width: {
bounce: 0, duration: 0.4
duration: 1 },
opacity: {
delay: 0.4,
duration: 0
}
} }
}, },
exit: { exit: {
clipPath: 'inset(0% 100% 0% 0%)', width: 0,
opacity: 0,
transition: { transition: {
type: 'spring', width: {
bounce: 0, duration: 0.4
duration: 1 },
opacity: {
duration: 0
}
} }
} }
}; };