유틸리티, 정보/WEB TIP

부드럽게 나타나는 팝업창 leanmodal.js

romeo1052 2016. 4. 15. 00:05
반응형

세련된 팝업창으로 이보다 더 완벽한건 아직도 본적이 없습니다.

적용하기도 무척이나 쉽고 코드마저 간단해서 초보자분들도 쉽게 적용하실수 있구요.


중요 알림이나 로그인 팝업으로 




css 파일


#lean_overlay {
position: fixed;
z-index: 10000;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
display: none;
}

#test {
width: 600px;
display:none;
background: #FFF;    
}



html 파일


<a class="request-consultation" rel="leanModal" name="test" href="#test">
    Request Complimentary Consultation
</a>                 

<div id="test">
    <p>Lorem ipsum dolor sit amet.</p> 

</div>



js 파일 다운로드


leanModal.v1.1.zip









미리보기는 출처 사이트에서 확인하세요.


http://leanmodal.finelysliced.com.au/


반응형