HTML 햄버거 메뉴 만들기 (애니메이션 버튼)
안녕하세요 루이입니다 이번 포스팅에는 HTML로 햄버거 메뉴를 만들어보려합니다 햄버거 메뉴란 정말로 햄버거가 떠오르는 이미지의 메뉴로 모바일 웹서핑이나 어플을 이용해보신분들께서는 아주 익숙한 버튼입니다 이렇게 햄버거 버튼을 클릭시 메뉴가 슬라이드 식으로 나오는 방식으로 닫기버튼으로 메뉴를 닫을수 있고 어두워진 화면을 클릭시 닫히는 방식으로 만들었습니다 그후 서브 메뉴라는 곳을 클릭하면 밑으로 서브메뉴들이 나오며 마우스를 가져다 대면 그부분의 색상이 바뀌는 방식으로 메뉴를 구성해보았습니다 (자바스크립트는 제이쿼리를 이용하였습니다) HTML 메뉴1 메뉴2 서브 메뉴 서브 메뉴1 서브 메뉴2 서브 메뉴3 서브 메뉴4 CSS html.open { overflow: hidden; } #menu.open { lef..
Programing/HTML
2022. 8. 16. 15:57