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)?

+1, I see no reason why it should be downvoted. – kiranvj Jan 21 '13 at 10:03 — kiranvj, Jan 21 '13 at 10:03

score 2 · Answer 1 · answered May 07 '12 at 14:12

2

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.

answered May 07 '12 at 14:12

robrich

13,017
7
36
63

Thanks for your replay, I'll try and let you know. Thanks again. – Raghavak May 07 '12 at 14:53
I need a flip book effect while loading external html pages. – Raghavak May 08 '12 at 07:41

score 2 · Answer 2 · answered Sep 24 '12 at 19:09

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.

HTML5 - Page turn effect

2 Answers2