turn.js – The page flip effect for HTML5

Getting Started Here’s an example: #magazine{ width:800px; height:400px; } #magazine .turn-page{ width:400px; height:400px; background-color:#ccc; } Page 1 Page 2 Page 3 $(‘#magazine’).turn(); That’s it! via turnjs.com

Getting Started

Here’s an example:

#magazine{        width:800px;        height:400px;}#magazine .turn-page{        width:400px;        height:400px;        background-color:#ccc;}
<div id='magazine'>        <div> Page 1 </div>        <div> Page 2 </div>        <div> Page 3 </div></div>
$('#magazine').turn();

That’s it!