Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

✨ Feat: framer-motion 사용하여 애니메이션 적용 #55

Merged
merged 4 commits into from
May 11, 2024

Conversation

easyhyun00
Copy link
Contributor

@easyhyun00 easyhyun00 commented May 10, 2024

🧩 이슈 번호

✅ 작업 사항

framer-motion 을 사용하여 애니메이션을 넣었습니다.

모든 버튼 클릭하면 커졌다가 작아집니다.

2024-05-10.2.56.48.2.mov

탭 자연스럽게 전환되고 추가됩니다.

2024-05-10.2.57.12.2.mov

👩‍💻 공유 포인트 및 논의 사항

페이지 전환 시 애니메이션도 넣으려 했는데 종욱님이 wrapper 하신다고 하셔서 그 작업 끝내면 넣어볼 생각입니다.

@easyhyun00 easyhyun00 added the ✨ Feat 기능 개발 label May 10, 2024
@easyhyun00 easyhyun00 self-assigned this May 10, 2024
Copy link

🎉 구현한 기능 Preview: https://fandom-ot3bh8y7c-easyhyun00s-projects.vercel.app

@easyhyun00 easyhyun00 changed the title framer-motion 사용하여 애니메이션 적용 ✨ Feat: framer-motion 사용하여 애니메이션 적용 May 10, 2024
Copy link
Contributor

@JayChae JayChae left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

와 대박이에요. 아이디어도 좋고, 라이브러리 잘 찾아 쓰시네요. 비법 좀 알려주세요

Copy link

🎉 구현한 기능 Preview: https://fandom-i8u0jquqy-easyhyun00s-projects.vercel.app

@easyhyun00 easyhyun00 merged commit 046e106 into main May 11, 2024
1 check passed
@easyhyun00 easyhyun00 deleted the feat-54-animation branch May 11, 2024 03:06
easyhyun00 added a commit to easyhyun00/fandom-k that referenced this pull request May 11, 2024
* ✨ Feat: 버튼 클릭 시 작아졌다가 커지기

* ✨ Feat: 탭 자연스럽게 나타나도록 구현

* ✨ Feat: 충전하기 버튼 클릭 시 작았다가 커지기
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ Feat 기능 개발
Projects
None yet
Development

Successfully merging this pull request may close these issues.

framer motion 사용하여 애니메이션 적용
2 participants