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 ...