animatedModal.js

animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions byanimate.css or create yourself their transitions.

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: joaopereirawd.github.io

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="yourPath/animatedModal.min.js"></script>

2. HTML

<!--Call your modal-->
<a id="demo01" href="#animatedModal">DEMO01</a>

<!--DEMO01-->
<div id="animatedModal">
	<!--THIS IS IMPORTANT! to close the modal, the class name has to match the name given on the ID  class="close-animatedModal" -->
	<div class="close-animatedModal"> 
	    CLOSE MODAL
	</div>
    
	<div class="modal-content">
		<!--Your modal content goes here-->
	</div>
</div>

3. JAVASCRIPT

$("#demo01").animatedModal();

4. OPTIONS