feat: 공통 애니메이션 객체 구현

softeerbootcamp4th · Aug 5, 2024 · 02e9062 · 02e9062
1 parent e379722
commit 02e9062
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/client/src/constants/animation.ts b/client/src/constants/animation.ts
@@ -0,0 +1,19 @@
+import { Transition, Variants } from "framer-motion";
+
+export const DISSOLVE: Variants | Transition = {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    transition: { duration: 0.5 },
+};
+
+export const ASCEND: Variants | Transition = {
+    initial: { y: 40, opacity: 0 },
+    animate: { y: 0, opacity: 1 },
+    transition: { duration: 0.5 },
+};
+
+export const ASCEND_DESCEND: Variants | Transition = {
+    initial: { y: 40 },
+    animate: { y: 0 },
+    transition: { duration: 0.5, repeat: Infinity, repeatType: "mirror" },
+};