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

Contact 페이지 오브젝트 이미지 애니메이션 구현 #68

Merged
merged 1 commit into from
Oct 15, 2024

Conversation

chlqhgus
Copy link
Collaborator

@chlqhgus chlqhgus commented Oct 15, 2024

✅ Checklist

  • 올바른 브랜치에 PR을 보내도록 설정하였나요?
  • PR의 라벨을 올바르게 달았나요?

✨ 현재 작업은 어떤 이슈를 해결한 것인가요?

관련된 이슈 number: #57

  • �1. Contact 페이지에 있는 오브젝트들의 애니메이션을 추가했습니다.

기존 코드에서 변경된 사항

  • 있음
  • 없음

애니메이션은 마음에 들 때까지...좀 만져보려고 합니다. 현재는 Fade-in으로 떠오르는 효과입니다.

tailwind.config.ts에 fadeinObject 이라는 애니메이션을 추가한 상태입니다!
이걸 사용하려고 했는데 delay를 어떻게 적용해야 할 지 모르겠어서 현재 custom hook을 사용했습니다...
가독성이 좀 별로인 것 같아 좀 더 수정해보겠습니다.

@chlqhgus chlqhgus added the feature 기능 구현 label Oct 15, 2024
@chlqhgus chlqhgus self-assigned this Oct 15, 2024
@chlqhgus chlqhgus changed the title Feat: Add animation at object images in contact page Contact 페이지 오브젝트 이미지 애니메이션 구현 Oct 15, 2024
Copy link
Contributor

@rmdnps10 rmdnps10 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
Contributor

Choose a reason for hiding this comment

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

useSequencialAnimation.ts를 통해 애니메이션 로직을 잘 분리하신 거 같습니다:)

@rmdnps10 rmdnps10 merged commit a319c47 into main Oct 15, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature 기능 구현
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants