이리저리 적용한 예시 중요 CSS 부분은 #main_wrapper { overflow:hidden; width:100%; height:100%; } .navigator { position: absolute; top: 0; width: 0; height: 100%; background: #3B3B3B; overflow-y: hidden; float:left; } // 아래 이하 열기 눌렀을 경우 발생 #navigator:target { width: 220px; overflow:hidden; } .close-menu { display: none; } .page-wrap { position: relative; width:100%; } #navigator:target + .page-wrap { left:220p..

이리저리 찾아보다 CSS3로만 가능한 사이드바 메뉴를 발견했다. 목표는 모바일 앱이 아닌 웹으로 이런기능을 사용한 메뉴를 보여주는 것이였다. 우선 기본 기능!!!!! CSS 옛날 포토샵으로 작업해야하는 이미지버튼도 손쉽게 처리되는 ㅠ0ㅠ 스타일 부분 Body 부분 메뉴내용 열기 닫기 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 Doc..