Skip to content

Latest commit

 

History

History
86 lines (48 loc) · 2.99 KB

README.md

File metadata and controls

86 lines (48 loc) · 2.99 KB

nikeClone Project


배포

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

작성자

👤 Youngrong Oh

설명

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

구현 사항

자동 슬라이드 배너

슬라이드 배너

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

서치박스 애니메이션

서치박스

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

모달 메뉴

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

  • help

    헬프 모달

  • Guides

    가이드 모달

커스텀 슬라이더

커스텀 슬라이더

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

히든 메뉴

히든 메뉴

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

인사이드 UI

인사이드 UI

  • 이미지 위에 UI 표시

반응형

  • pc

    반응형 pc

  • 모바일

    반응형 모바일


브라우저 지원

크롬
Latest