-
Notifications
You must be signed in to change notification settings - Fork 9
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
Menu 컴포넌트 CSS 수정 #127
Menu 컴포넌트 CSS 수정 #127
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
경덕님이 알고 계신 꿀 라이브러리 적용해버렸네요🧚🏻♀️
<div css={staticHeaderAreaCss(staticMenuToggle)}> | ||
<AnimatedStaticHeaderArea style={staticAreaStyleProps}> | ||
<Header /> | ||
</div> | ||
<div css={staticScrollAreaCss(staticMenuToggle)}> | ||
</AnimatedStaticHeaderArea> | ||
<AnimatedStaticScrollArea style={staticAreaStyleProps}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
애니메이션 넘 부드러워용 😌
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
고생하셨습니다.
참고할만한 코드가 많네요. :)
<DoubleChevronLeft /> | ||
</HeaderButton> | ||
)} | ||
<AnimatedButtons style={buttonStyleProps}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
react도 애니메이션 적용이 가능하네요.
커스텀 애니메이션 만들 걱정을 하고있었는데 좋은 참고가 되었습니다. :)
block handler도 애니메이션을 적용했으면 좋겠네요.
(!hoveredMenuToggle ? <HamburgerMenu /> : <DoubleChevronRight />)} | ||
{staticMenuToggle || ( | ||
<div css={buttonWrapper}> | ||
<AnimatedButton style={hamburgerMenuStyleProps}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
참고해서 BlockHandler에 fadein-out 효과를 넣어보도록 하겠습니다.
Menu 컴포넌트 CSS 수정
해당 이슈 📎
#124
변경 사항 🛠
테스트 ✨
없음
리뷰어 참고 사항 🙋♀️