Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- bootcamp
- 외부접속
- php
- Mac
- 개인서버
- plan
- 매크로
- html
- 프로그래밍 언어론
- 자격증
- windows
- CSS
- 정보처리기능사
- 개발
- Java
- 오답풀이
- 220821
- 방화벽
- WPF
- cording
- React
- CodeIgniter
- 홈서버
- git
- knockon
- 프로그래밍언어론
- C
- Developer
- study
- 개발공부
Archives
- Today
- Total
목록CSS (1)
bunta의 보조기억장치

✍🏻 만들어 볼 것 웹사이트를 만들면 필연적으로 메뉴가 있어야 한다. 이 때 사용자가 메뉴에 접근할 수 있는 버튼을 만들어야 하는데 일명 '햄버거 메뉴'라는 이름으로 불리는 메뉴 버튼을 만들려고 한다. 👐🏻 결과물 See the Pen Untitled by lKori (@lkori) on CodePen. 🙇🏻♂️ 궁금한 점 버튼을 클릭했을 때 span을 'display:none' 설정을 해서 투명하게 만드려고 했는데 span이 본체여서 그런지 ::before과 ::after로 복사한 선까지 전부 투명해지는 것이었다. 'opacity:0'으로 투명하게 만들어 보았는데 이것 역시 전체가 전부 투명해지는 결과가 나왔다. 마지막으로는 rgba 속성을 통해 alpha 값을 0으로 주었더니 가운데 본체 span만..
FrontEnd
2022. 5. 26. 22:38