반응형 모달1 css 만으로 반응형 modal 팝업 간단하게 만들기 이번엔 display flex를 활용하여 간단하게 모달 컨펌 팝업을 만들어 볼까 합니다. 플러그인이나 라이브러리, 각종 js등을 사용하지 않고 간단하게 css만을 사용하여 만들 수 있습니다. jquery 가 일부 들어가는데 click 이벤트나 요소를 감추고, 보이게하는 fadeIn(), fadeOut()만 사용합니다. //컨테이너 //모달을 감쌀 박스 //실질적 모달팝업 //로고 영역 MuziMuzi //컨텐츠 영역 Confirm Modal 모달 내용칸 //푸터 버튼 영역 확인 창 닫기 위 코드가 모달 팝업의 전체 html 코드입니다. 기본 html 구성과 비슷하게 머리, 몸통, 다리 영역으로 나누었습니다. 작업 순서 1. 모달 팝업을 감쌀 박스의 css 작성 - display 속성은 팝업을 중앙에 위치.. 2020. 9. 21. 이전 1 다음
