pure css - css로 만드는 모달창열기

CSS pure css - css로 만드는 모달창열기 웹큐레이터 2018. 10. 11. 12:21 이웃추가 본문 기타 기능 자바스크립트나 제이쿼리 없이 순수하게 css로만 만드는 모달창 중 a:target과 input:checked를 활용해서 모달을 만들어봅니다! 첫번째로 a:target을 활용한 소스입니다.
DOCTYPE html> 모달 * { margin:0; padding:0; } a { text-decoration:none; } html, body { height:100%; } body { position:relative; width:100%; } .modal { position:absolute; top:-50%; left:50%; transform:translate(-50%, -50%); width:50%; opacity:0; visibility...