반응형 네비게이션 2

반응형 네비게이션 2 해상도 별 다르게 표현되는 네비게이션 햄버거먹구잡다 조아란1 조아란2 조아란3 조아란4 조아란5 CSS /* 와이드 pc */ header{ height:60px; background:#F90; padding-top:20px} header .menuOpen{position:absolute; right:20px; top:20px; display:none} header .mainMenu{width: 450px; margin:0 auto; background:#FC3;} header .mainMenu ul{overflow:hidden;} header .mainMenu li{ float:left; margin-right:15px} header .mainMenu li a{display:blo..

2022.01.11

반응형 네비게이션 1

jQuery 반응형 네비게이션 1 해상도 별 다르게 표현되는 네비게이션 menu01 menu02 menu03 menu04 menu05 CSS /* CSS Document */ html,body{height: 100%;} *{margin:0; padding:0} a{ color:#333; text-decoration:none} ul{ list-style:none} #wrap{position:relative; width:1200px; height:100%; margin:0 auto; border:1px solid #ccc; overflow:hidden;} header{width:300px; height:100%; background:#ccc} .btn{ font-size:1.2rem; color:#333; ..

2022.01.11