Project information
- 사이트 소개: 오버워치 메인/로그인페이지 클론 사이트입니다.
- 핵심 기능: 애니메이션, 배경 비디오 재생/일시정지
- 프로젝트 기간: 2021.1.13~2021.1.19
- 제작 인원: 1명
- HTML, CSS, javascript
- Project URL: kyjin8.github.io/overwatch_clone.github.io/
기술 문서
javascript를 이용한 배경 동영상 재생/일시정지
javascript를 알고리즘으로 토글 아이콘 회전
javascript를 이용한 게임, 이스포츠 드롭다운 탭 열고 닫기
CSS keyframe을 이용한 드롭다운 메뉴 애니메이션 구현
CSS delay를 이용해 시간차로 아이콘 드롭 애니메이션 구성