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

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

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

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

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/