nikeClone Project

---

배포

🔗 https://youngrongoh.github.io/nikeClone/

작성자

👤 Youngrong Oh

설명

• 나이키 글로벌 사이트 메인 페이지 클론
• 2020.12.14 - 2021.1.7

---

구현 사항

자동 슬라이드 배너

• 일정 시간마다 내용을 슬라이딩으로 변경
• 마지막 슬라이드에서 처음 슬라이드로 돌아와 무한 반복

서치박스 애니메이션

• 서치박스를 클릭하면 박스가 확장되고 인기검색어 함께 표시

모달 메뉴

• 마우스 호버시 모달 메뉴 표시/숨기기

• help

  

• Guides

  

커스텀 슬라이더

• 좌우 버튼 클릭 시 아이템 한 칸씩 이동
• Vanila JavaScript로 스크롤바 구현
  • mousedown, move, up 이벤트 활용

히든 메뉴

• 마우스 호버 시 히든 메뉴 표시
• 늘어난 공간 만큼 푸터가 자연스럽게 내려가도록 트랜지션 적용

인사이드 UI

• 이미지 위에 UI 표시

반응형

• pc

  

• 모바일

  

---

브라우저 지원

Latest