[인터랙션 CSS] 햄버거 메뉴 만들기
See the Pen [인터랙션 CSS] 햄버거 메뉴 만들기 by mill (@millfeel) on CodePen. 접근성 이슈 tab 사용시 포커스 되지 않는 이슈를 해결하기 위해서 "tabindex"를 사용해야 하고, role과 aria-label을 선언하여 해당 ‘div’ 영역에 대한 설명을 제공해야한다. label의 기본 속성은 포커스가 되지 않는다. input[id='menuicon'] {display: none;} input[id='menuicon'] + label { position: relative; display: block; width: 60px; height: 40px; cursor: pointer; /* 포인터가 label에 설정돼 있다. */ background-color: #d..
인터랙션 & 컴포넌트/CSS
2021. 2. 17. 18:22
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 대괄포 표기법
- __proto__
- [[Prototype]]
- clientHeight
- constructor
- 프로퍼티
- scrollTop
- innerHeight
- property
- 동치 연산자
- 링크막기 #a링크막기
- 동등 연산자
- 부등 연산자
- scrollHeight
- offsetHeight
- 일치 연산자
- 객체의 프로퍼티
- prototype 프로퍼티
- clinetTop
- @font-face
- 불일치 연산자
- javascript class
- 점 표기법
- outerHeight
- offsetTop
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함