diff --git a/src/app/login/components/Login.tsx b/src/app/login/components/Login.tsx index c1a3f11..d77a3c3 100644 --- a/src/app/login/components/Login.tsx +++ b/src/app/login/components/Login.tsx @@ -42,8 +42,13 @@ export function Login() { y: 0, }} exit={{ - opacity: 0, - x: -120, + opacity: [1, 1, 0], + scale: [1, 1.05, 0], + transition: { + duration: 0.7, + times: [0, 0.3, 1], + ease: 'easeInOut', + }, }} transition={{ duration: 1 }} className="w-552 h-604 p-68 pt-116 flex flex-col justify-between rounded-30 bg-[white]"> diff --git a/src/app/login/components/Select.tsx b/src/app/login/components/Select.tsx index dea30a9..78ddad2 100644 --- a/src/app/login/components/Select.tsx +++ b/src/app/login/components/Select.tsx @@ -34,8 +34,12 @@ export default function Select() { x: 0, }} exit={{ - opacity: 0, - scale: 0, + opacity: [1, 0.9, 0], + y: [0, 30, -500], + transition: { + duration: 0.6, + times: [0, 0.4, 1], + }, }} transition={{ duration: 0.6, ease: 'easeOut' }} className="w-552 h-604 p-68 pt-116 flex flex-col justify-center gap-56 rounded-30 bg-[white]">