ConceptProd/Portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve side animation

Browse Source
This commit is contained in:
IRBorisov 2024-06-20 19:47:11 +03:00
parent d7ee1db6a9
commit b0e836406f
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
}
} }
} }
}; };