일반적으로는 햄버거메뉴를 구현하기 위해서 자바스크립트 혹은 jQuery를 사용하실 겁니다.
이 영상에서는 체크박스의 checked를 감지하여 css로 햄버거 메뉴를 구현하였습니다.
참고하시어 햄버거메뉴 뿐만 아니라 더 많은 부분에 응용 해보세요~
추가로 유튜브 실시간 번역 방법 안내해드립니다.
아래 링크 참고해보세요~
해외 유튜브 영상 자동번역 설정하기
1. 해외 유튜브 영상에서 자막 아이콘을 눌러주세요. 2. 자막 아이콘 오른쪽에 있는 설정 버튼을 눌러서 아래와 같이 자동번역을 선택 해주세요. 3. 자동 변역 언어는 한국어로 설정해주시면 4. 아
designup3.tistory.com
'웹퍼블리셔를 위한 > 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 |
댓글