Skip to content

nbblk/micro-interaction-practice

Repository files navigation

micro-interaction-practice

기간

02/05/2022 - 08/05/2022

방식

자주 쓰이는 마이크로 인터랙션 혹은 UI 컴포넌트들을 목록화한 후 하루에 두 가지씩 구현해본다

목표

  • css pseudo-elements, transition, transform, animation 사용에 익숙해진다
  • 라이브러리 도움 없이 생짜 css js로 구현한다.

순서

  • auto scolling effect
  • typewriter effect
  • hero section with gif
  • custom mouse pointer
  • YT-like top loading bar
  • interactive buttons
  • basic carousel
  • basic transition
  • hamburger menu ...