How to accomplish page open/close effect from center? (like ipad)

2 Views

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?

Read More

Thanks

Post Views: 2

Related posts

Leave a Reply

2 comments

  1. 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/