본문 바로가기
웹퍼블리셔를 위한/HTML,CSS 팁

자바스크립트없이 css로 구현하는 오버레이 햄버거 메뉴입니다.

by 디자인업 2020. 8. 21.

일반적으로는 햄버거메뉴를 구현하기 위해서 자바스크립트 혹은 jQuery를 사용하실 겁니다.
이 영상에서는 체크박스의 checked를 감지하여 css로 햄버거 메뉴를 구현하였습니다.

참고하시어 햄버거메뉴 뿐만 아니라 더 많은 부분에 응용 해보세요~

 

추가로 유튜브 실시간 번역 방법 안내해드립니다.

아래 링크 참고해보세요~

https://designup3.tistory.com/pages/%ED%95%B4%EC%99%B8-%EC%9C%A0%ED%8A%9C%EB%B8%8C-%EC%98%81%EC%83%81-%EC%9E%90%EB%8F%99%EB%B2%88%EC%97%AD-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0

 

해외 유튜브 영상 자동번역 설정하기

1. 해외 유튜브 영상에서 자막 아이콘을 눌러주세요. 2. 자막 아이콘 오른쪽에 있는 설정 버튼을 눌러서 아래와 같이 자동번역을 선택 해주세요. 3. 자동 변역 언어는 한국어로 설정해주시면 4. 아

designup3.tistory.com

 

댓글