본문으로 바로가기

CSS로 메뉴 구현해보기

category StyleSheet/CSS 2016. 7. 1. 07:00

Pure CSS menu with checkbox

체크박스를 이용하여 CSS로만 메뉴를 구현해 봅니다.




Source View

See the Pen Pure CSS menu with checkbox by jaeheekim (@jaehee) on CodePen.




Jaehee's e-room



'StyleSheet > CSS' 카테고리의 다른 글

줄 간격(line-height) 상속  (0) 2016.08.10
이미지를 이용한 버튼 타입 모음  (0) 2016.07.22
CSS로 메뉴 구현해보기  (2) 2016.07.01
CSS3 Property : text-align-last  (0) 2016.06.28
오버시 코너 그림자 효과  (0) 2016.06.17
선택자 우선순위 & 기타 팁  (1) 2016.06.14

댓글을 달아 주세요

  1. 2017.07.05 19:02

    비밀댓글입니다

    • BlogIcon 재희 jaiyah 신고">2017.07.06 16:12 신고

      css 로 정렬하는 방법은 매우 다양합니다.
      위 해당 소스의 경우에는 클래스 .burger-input + label 에서 margin: 0 auto; 를 제거해 주시면 본래 위치인 좌측 정렬이 될 거에요.
      도움되셨길 바래요^^