All files / src/shared/GiveAnimatedList config.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
41x
3026x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
export const getAnimationConfig = (height: number) => {
  return {
    x: 0,
    y: 0,
    opacity: 1,
    height,
    from: {
      opacity: 0,
      transform: `translateY(15px)`,
      height: 0,
    },
    to: {
      opacity: 1,
      transform: "translateY(0px)",
      height,
    },
    config: { mass: 1, tension: 200, friction: 50 },
    delay: 1,
  };
};