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
- plan
- 프로그래밍 언어론
- C
- study
- 홈서버
- 프로그래밍언어론
- 220821
- 방화벽
- 매크로
- 외부접속
- knockon
- Developer
- Mac
- html
- 정보처리기능사
- WPF
- 개발공부
- 개인서버
- CodeIgniter
- cording
- git
- 오답풀이
- CSS
- php
- Java
- bootcamp
- 자격증
- React
- 개발
- windows
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