순수 CSS 스위치 (Checkbox Hack)
자바스크립트 이벤트 없이 오직 CSS만으로 작동하는 상태 변환 UI(스위치, 모달 등)를 만드는 전설적인 "체크박스 해킹(Checkbox Hack)" 기법입니다. 눈에 보이지 않는
<input type="checkbox">의 :checked 가상 클래스와 형제 선택자(+)를 활용하여 부드럽고 쫀득하게 움직이는 토글 스위치를 완성합니다.<div class="toggle-wrapper">
<input type="checkbox" id="myToggle" class="toggle-checkbox">
<label for="myToggle" class="toggle-label"></label>
</div>