refactor: block 하이라이트 애니메이션 추가

#159
boostcampwm-2024 · Nov 20, 2024 · 81269d6 · 81269d6
1 parent a253838
commit 81269d6
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/client/src/features/editor/components/block/Block.animation.ts b/client/src/features/editor/components/block/Block.animation.ts
@@ -0,0 +1,22 @@
+export const highlight = {
+  initial: {
+    background: `linear-gradient(to right, 
+          #BFBFFF95 0%, 
+          #BFBFFF95 0%, 
+          transparent 0%, 
+          transparent 100%
+        )`,
+  },
+  animate: {
+    background: `linear-gradient(to right, 
+          #BFBFFF95 0%, 
+          #BFBFFF95 100%, 
+          transparent 100%, 
+          transparent 100%
+        )`,
+    transition: {
+      duration: 1,
+      ease: "linear",
+    },
+  },
+};