gnb, snb, tab 등 각종 메뉴 예제
하위 메뉴가 없는 gnb
하위 메뉴가 세로형인 gnb
하위 메뉴가 가로형인 gnb
하위 메뉴가 일체형인 gnb
하위 메뉴가 없는 사이드 배치형 snb
하위 메뉴가 아래로 펼쳐지는 사이드 배치형 snb
하위 메뉴가 옆으로 펼쳐지는 사이드 배치형 snb
탭 메뉴형 snb
테투리가 있는 탭 메뉴
아래 테두리가 없는 탭 메뉴
뎁스로 구성된 탭 메뉴
두 줄 이상인 탭 메뉴
상단 배치형 모바일 메뉴
하단 고정형 모바일 메뉴
햄버거형 모바일 메뉴
슬라이드형 메뉴
GNB의 디자인이 바뀌는 메뉴
검색창의 디자인이 바뀌는 메뉴
메가 메뉴의 디자인이 바뀌는 메뉴
- Used
- html5
- css3
- SCSS
- jQuery
- rem
- Based
- 웹 표준
- 웹 접근성
- 웹 호환성 (IE 10이상)
- 반응형
- 환경
- VS Code
- Github
- 라이브러리
- swiper
- 참고
- 책 리베하얀의 웹퍼블리셔를 위한 실무 UI 패턴집