turn.js
is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.
- + Uses Hardware acceleration
- + Works on tablets and smartphones
- + Easy to manipulate
- + Lightweight, only 6K
Here's an example:
1 | #magazine{ |
2 | width:800px; |
3 | height:400px; |
4 | } |
5 | #magazine .turn-page{ |
6 | width:400px; |
7 | height:400px; |
8 | background-color:#ccc; |
9 | } |
1 | <div id='magazine'> |
2 | <div> Page 1 </div> |
3 | <div> Page 2 </div> |
4 | <div> Page 3 </div> |
5 | </div> |
1 | $('#magazine').turn(); |
That's it!
the article source:http://www.turnjs.com/
