햄버거 버튼
-
햄버거 버튼 만들기! 웹 공부 ! 2018. 4. 18. 16:50
메뉴 부분을 보면 간혹 햄버거 버튼으로 되어 있는 홈페이지 들이 있다. hmtl 코드 css 코드 *{margin: 0; padding: 0; overflow: hidden;} button{background: transparent; border:none;} #menu{position: absolute; width: 50px; right: 20px ;top: 20px} #menu>span{display: block; width: 100%; height: 8px; background: #000; margin: 4px 0 ; border-radius: 10px; transition: all 0.5s;} #menu>.on:nth-child(1) {transform: translateY(15px) rotate(..