Turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine. It works in all modern browsers including touch devices.

• New addPage for creating pages dynamically.

• New display for single and double pages.

• Gradients for non-webkit browsers.

• jQuery 3 support

CSS code:

#magazine{
	width: 800px;
	height: 400px;
}
#magazine .turn-page{
	background-color:#ccc;
}

HTML code:

<div id="magazine">
	<div><span class="text">Page 1</span></div>
	<div><span class="text">Page 2</span></div>
	<div><span class="text">Page 3</span></div>
</div>

JavaScript code:

$('#magazine').turn({gradients: true, acceleration: true});

jQuery 1.7 or later

• Chrome 12, Safari 5, Firefox 10, IE 9

Released under a non-commercial BSD license

Full documentation

turnjs.com