Skip to content

serpro/turn.js

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

turn.js

The awesome paper-like effect made for HTML5

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.

Example

CSS code:

#magazine .turn-page{
	background-color:#ccc;
}

HTML code:

<div id='magazine'>
	<div> Page 1 </div>
	<div> Page 2 </div>
	<div> Page 3 </div>
</div>

JavaScript code:

$('#magazine').turn({width:800, height: 400, page: 1, shadows: true, acceleration: true});

Requeriments

jQuery 1.7 or later

Full documentation


turn.js is licensed under MIT license.

turnjs.com

About

The page flip effect for HTML5

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published