feat: 팀 랭킹 넘어가는 애니메이션 구현 (#91)

#90
BDD-CLUB · Feb 22, 2024 · b405a90 · b405a90
1 parent d6af65a
commit b405a90
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/containers/main/TeamRankSlider/index.tsx b/src/containers/main/TeamRankSlider/index.tsx
@@ -25,7 +25,12 @@ const TeamRankSlider = () => {
 
   return (
     <Box pos="relative" w="100%" h="400">
-      <Box pos="absolute" left={`calc(50% - ${780 * indexX}px)`} transform="translate(-50%, 0%)">
+      <Box
+        pos="absolute"
+        left={`calc(50% - ${780 * indexX}px)`}
+        transform="translate(-50%, 0%)"
+        transition="left 1s ease-in-out 0s"
+      >
         {teamRankInfos.map((info, _) => {
           const leftScale = 780 * _;
           return (