Skip to content

hciudad/turn.js

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 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{
	width:800px;
	height:400px;
}
#magazine .turn-page{
	width:400px;
	height:400px;
	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({page: 1, shadows: true, acceleration: true});

Requeriments

jQuery 1.7 or later

Full documentation on turnjs.com/#reference


turn.js is licensed under MIT license.

turnjs.com

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published