feat: 애니메이션 변경 filter blur 처리

youngkyo0504 · Nov 1, 2024 · a1a0448 · a1a0448
1 parent 34ee3db
commit a1a0448
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/pages/content/lib/animation/animations.ts b/pages/content/lib/animation/animations.ts
@@ -3,7 +3,7 @@ import { animate, timeline } from 'motion';
 const keyframesLikeSpring = [0.32, 0.72, 0, 1] as const;
 
 export const dismiss = (selector: string) => {
-  return animate(selector, { y: 10, opacity: 0, filter: 'blur(2px)' }, { duration: 0.3 });
+  return animate(selector, { y: 10, opacity: 0, filter: 'blur(3px)' }, { duration: 0.3 });
 };
 
 export const scaleAndShrink = (selector: string) =>
@@ -12,7 +12,7 @@ export const scaleAndShrink = (selector: string) =>
     [selector, { scale: 1 }, { duration: 0.6, easing: 'ease-in-out' }],
   ]);
 
-export const open = (selector: string) => {
+export const open = () => {
   return animate(
     '.copy-url-content',
     { y: '0px', opacity: 1, filter: 'blur(0px)' },

diff --git a/pages/content/lib/ui/toast.ts b/pages/content/lib/ui/toast.ts
@@ -133,7 +133,7 @@ const toastCSS = css`
     user-select: none;
     will-change: transform, opacity;
     --motion-translateY: 10px;
-    filter: blur(1px);
+    filter: blur(3px);
     scale: 1;
     opacity: 0;
   }