popup 썸네일형 리스트형 순수 CSS만으로 모달 윈도우(팝업 레이어) 만들기 CSS만으로 팝업 레이어(Modal WIndow)를 만드는 방법입니다. See the Pen Pure CSS, Simple Modal Window by moksunung (@moksunung) on CodePen. 위 예제는 http://codepen.io 에 작성했습니다. 원리 간단설명1. checkbox input 을 하나 만들고 그 바로 뒤에 모달 레이어로 사용할 div를 디자인합니다. 체크박스 input은 사용자에게 보이질 부분이 아니라, 브라우저가 modal 레이어를 선택하는 기능적 역할만 수행할 것이기 때문에 display:none; 등 으로 안보이도록 가립니다. 2. 모달 div는 기본 상태가 보이지 않는 상태로 설정해놓습니다. display:none; 이라든지 visibility: hidd.. 더보기 이전 1 다음
