Animation 적용

[cskime]

어떤 기능인가요?

• 자연스러운 UI를 만들기 위해 일부 component에 animation을 적용합니다.

어떤 작업을 할 예정인가요?

• Toast component에 show/hide animation 적용
• Modal component에 show/hide animation 적용
• Portal component에 show/hide animation 적용
• Dropdown component
  • Dropdown 열리고 닫힐 때 아래로 펼쳐지고 위로 접히는 animation
  • Dropdown text field에서 열리고 닫힐 때 화살표 회전 animation
• Button component에 hover animation 적용
• TextField component에 hover animation 적용
• MessageCard component
  • 최초 rendering 시 아래에서 위로 올라오는 animation
  • 마우스 hover 했을 때 살짝 위로 올라가는 animation

참고자료 (선택)