turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.
Turn.js - The page flip effect for HTML5
turnjs.com
Turn.js - The page flip effect for HTML5
1–10 of 82 posts
Re: Turn.js - The page flip effect for HTML5
#2Solid effect but not a fan of how it breaks the back button.
Re: Turn.js - The page flip effect for HTML5
#3Good stuff, Add some shading for a 3d effect, looks "2D"/flat.
Vertical would also be awesome (think notepad [of paper])...
Re: Turn.js - The page flip effect for HTML5
#4The font on the "page" gets blurry when the corner becomes clickable (at least on my machine, and it uses a ton of resources).
Re: Turn.js - The page flip effect for HTML5
#5Lot of flickering and flashing under Safari
Re: Turn.js - The page flip effect for HTML5
#6This is cool and I don't mean to disparage the work that went into it, but at the same time I hope nobody actually uses it because just plain old vertical scrolling web pages are way more practically usable.
Re: Turn.js - The page flip effect for HTML5
#7This really highlights the font rendering problems (blurriness) of current browsers when using HW accelerated CSS.
Re: Turn.js - The page flip effect for HTML5
#8Wow, that's the best impl I've ever seen of this effect. It looks and feels very realistic in chrome.
Re: Turn.js - The page flip effect for HTML5
#9It doesn't seem to load on my iPad. Works in Chrome, however.
Re: Turn.js - The page flip effect for HTML5
#10Cool man, great implementation!
Several years ago I had to buy flash version of this for some 70pounds or so.