김종민 인터랙티브 디벨로퍼의 Material Interaction을 따라 만들어보았습니다.
Canvas API와 CSS animation, requestAnimationFrame 등 애니메이션 구현에 필요한 기술을 배우기 위해 따라해보았습니다.
https://aromahyang.github.io/clone-material-interaction에서 결과물을 볼 수 있습니다.
- Emphasize Actions → 진행 중
- 크로스 브라우징 (Edge, IE, FireFox) → 진행 중
- sub-container 닫을 때 화면 전환 애니메이션
- guide 화면
- 이벤트 등록 해제
- close 버튼 hover 애니메이션