How to twist turn a html page when going to the other page.

Question

Hi,

I have a two page app. I want the twist effect when I click a button to see the other html page. (like we turn a single sheet of paper to see the back side).(another example is like I want to turn it like we turn our palm to see the back of our hand)

Also, my splash screen was behaving like that without any extra effort. It appeared after some twists, when my app opened. But now I am not sure what I changed, it appears as it is.

I am unable to get any document on how to achieve that.

Thanks

Karthika.

---

karthika

Answer 1

Hi Karthika,

There are no built in page-turning animations for Windows Store apps. The design language generally prefers less skeumorphic patterns. If you search for html page turning effect you should find a number of suggestions on how to implement this yourself.

--Rob

Answer 2

I guess I misunderstood the Win8 app opening twist to be that of the splash screen. oooh.  thanks.  Just want to know, if I want to implement it myself (flip like a card's front side and back side) are there any libraries in JS. Also where can I check for such simple APIs that I could plug in my app.

Thanks,

---

karthika

Answer 3

Hi Karthika,

I'm not quite sure what you mean by "the Win8 app opening twist". There is no standard twist-like animation when opening a Windows Store app. The splash screen shows until the app runs and then just disappears. If you are seeing a twist in a specific app then that is something implemented by that app.

If you are looking for a page turning animation then there is nothing built in: Windows doesn't provide any JS libraries that implement that, and I am not aware of any simple API to do so. It is possible that there is something like that from a 3rd party, and if so then somebody else in the community here may be able to make a suggestion.

--Rob