如何从中心完成页面打开/关闭效果？ （如 iPad）

Question

Im designing a Wordpress based site for a client and was wondering if it is possible to have the pages load then open/close from the center like the iPad?

The site will essentially look like an iPad with icons inside of it that lead to the other wordpress pages. Is this effect possible?

Thanks

Answer 1

Try this: http://flowplayer.org/tools/demos/overlay/apple.html

Answer 2

I would definitely advise using css transitions otherwise it will be incredibly slow.
Just include some CSS and toggle the class.

.app{
    width:100%;height:100%;position:absolute;
    -webkit-transform: scale(.0);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}
.app.opened{
    -webkit-transform: scale(1);
}

Example: http://jsfiddle.net/z4bP7/