일반적으로는 햄버거메뉴를 구현하기 위해서 자바스크립트 혹은 jQuery를 사용하실 겁니다.
이 영상에서는 체크박스의 checked를 감지하여 css로 햄버거 메뉴를 구현하였습니다.
참고하시어 햄버거메뉴 뿐만 아니라 더 많은 부분에 응용 해보세요~
추가로 유튜브 실시간 번역 방법 안내해드립니다.
아래 링크 참고해보세요~
'웹퍼블리셔를 위한 > HTML,CSS 팁' 카테고리의 다른 글
css 단위 em 과 rem 정리 - 드림코딩 엘리님이 재밌게 알려드립니다. (0) | 2020.09.23 |
---|---|
자바스크립트 없이 html과 css로 만드는 슬라이드 배너 강좌 (0) | 2020.09.11 |
HTML 및 CSS를 사용하여 단 10 분 만에 배경 비디오로 웹 사이트를 만드는 방법 (0) | 2020.08.14 |
네이버, 다음 코딩 컨벤션 사이트 참고하여, 코딩의 방향을 잡아보세요. (0) | 2020.08.11 |
CSS 아이콘 채우기 호버 효과 | 소셜 미디어 버튼 (0) | 2020.08.09 |
댓글