HTML5 - Page turn effect

Question

I'm trying to load external html pages in a div. How can I have a page turn effect while loading external pages (using CSS3, HTML5 or jQuery)?

Answer 1

Check out http://jquerymobile.com/demos/1.1.0/docs/pages/page-transitions.html as an example. jQuery Mobile does this out of the box.

Answer 2

Check turn.js "is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5."

Or a simple turorial for the flip effect with HTML5 canvas.