프론트앤드 이야기/UI4

• 풀 사이드 메뉴 프론트앤드 이야기/UI 2018. 4. 24.

• 컨텐츠 밀어내는 사이드 메뉴 side_navigation /* 사이드바 스타일 */ .sidenav { height:100%; width: 0; position: fixed; z-index:1; top: 0; left: 0; background-color: rgb(0,154,200); overflow-x: hidden; transition:0.5s ease-in-out; padding-top: 60px; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #fff; display: block; transition: 0.2s ease-in-out; } .sidenav a:hover, .offcanvas a:focus { colo.. 프론트앤드 이야기/UI 2018. 4. 24.

• [HTML] 오버랩 사이드 메뉴 만들기 side_navigation /* 사이드바 스타일 */ .sidenav { height:100%; width: 0; position: fixed; z-index:1; top: 0; left: 0; background-color: rgb(0,154,200); overflow-x: hidden; transition:0.5s ease-in-out; padding-top: 60px; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #fff; display: block; transition: 0.2s ease-in-out; } .sidenav a:hover, .offcanvas a:focus { colo.. 프론트앤드 이야기/UI 2018. 4. 24.

• [HTML]간략한 상단 탭 만들기 HTML How to develop a tab menu with jQuery 제작자 : 박경두 고려대학교 경영정보학과 멋쟁이 사자처럼 4기 About Portfolio Contact Travel About Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuri.. 프론트앤드 이야기/UI 2018. 4. 24.