Create README.md

Hi, this is a "demo":http://2outgames.com/flippopup-master/demo.html
please reload the page of the demo to see the effect
it's cross-browser except for IE9 that dosn't support css animation, IE10 does

USAGE

##  Include jQuery and Flip Popup jQuery plugin 
To use Flip Popup jQuery plugin, you’ll need to make sure both the Flip Popup jQuery plugin and jQuery scripts are includedb in the head of your page. If you’ve already got jQuery (you can test by opening your JavaScript console and typing !!window.jQuery — if it says true, you have jQuery), you don’t need to add the first line.
<pre><code>
<head>
…
<link rel="stylesheet" type="text/css" href="flippopup.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="jquery.flippopup.js"></script>
…
</head>

</code></pre>

## HTML Markup

All you need is a div with some contents, like this
<pre><code>
<div id="pop1"><p>Lorem ipsum dolor sit amet</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
Ut enim ad minim veniam, quis nostrud exercitation ullamco 
laboris nisi ut aliquip ex ea commodo consequat. Duis aute 
irure dolor in reprehenderit in voluptate velit esse cillum
 dolore eu fugiat nulla pariatur. Excepteur sint occaecat 
cupidatat non proident, sunt in culpa qui officia deserunt
 mollit anim id est laborum.</p></div>
</code></pre>

almost done! Only to add this jquery code in your page to connect your div to the plugin

<pre><code>
<head>
…
<script>
$( document ).ready(function() {
$( "#yourdiv" ).flipOrizzontal();
});
</script>
…
</head>
</code></pre>

and now  free your creativity for customizing it.
Just adding the parameters and have fun! See the examples

-attention!- -If you add more the none parameter you MUST add a comma after the parameter, before the next line -
-attention!- -the last line don’t need a comma at the end of the line -



<pre><code>
<script>
    $( document ).ready(function(){
    $( "#pop1" ).flipOrizzontal({
    	   color: "#fff",
        xcolor:"#ff5599",
        lightboxcolor:"#ff5599",
        backgroundcolor:"#ff5599",
        border_radius:"25px",
        speed:"0.5",
        shadowcolor:"#ff5599",
        shadowsize:"0px 0px 25px 5px",
        font_family:"arial",
        popupwidth:"600px",
        popupheight:"400px",

    });
    });
    </script>
</code></pre>

color - text color;
xcolor – close button color
lightboxcolor – page background color – it cover all the screen
backgroundcolor – popup background color
border_radius – if you want the popup with round corners you can set the number of radius if you don’t know just set to 0, the round corner default is 25 radius – attention don’t forget the underscore!
Speed – you can set the number of second the animation will be, from 0.1 to infinite but the visitors of your website are in hurry for sure
Shadowcolor – this is the esadecimal that rapresents the popup shadow color
Shadowcolor – these are 4 numbers of pixels that rapresent the size of 4 sides of the popup square 
font_family – this allow you to change the font, the default is Arial
popupwidth – the width in pixel or percentage
popupheight – the height in pixel or percentage

anything else?
Yes you can load dinamic content in your popup see the examples

<pre><code>
<script>
    $( document ).ready(function(){
    $( "#yourdiv" ).flipOrizzontal({
    	
        loadurl:" http://yourwebsite.com/yourpage.php "
    });
    });
</script>
</code></pre>

if you need to send data to ajax you can specify this parameter

<pre><code>
<script>
    $( document ).ready(function(){
    $( "# yourdiv " ).flipOrizzontal({
    
        datatosendtoajax:"datayouwanttosend",
        loadurl:"http://yourwebsite.com/yourpage.php"

    });
    });
</script>
</code></pre>

if you want to load a remote image in the popup you have to add the urlimage parameter

<pre><code>
<script>
    $( document ).ready(function(){
    $( "#pop1" ).flipOrizzontal({
    	
        imageurl:" http://yourwebsite.com/yourimage.png "
});
    });</script>
</code></pre>

if you want to load an iframe in the popup you have to add the iframe parameter

<pre><code>
<script>
    $( document ).ready(function(){
    $( "#pop1" ).flipOrizzontal({
    
     
        iframeurl:" http://yourwebsite.com/yourpage.html ",
	   iframescrolling:”no”

    });
    });</script>
</code></pre>

that’s all, enjoy!