Как добиться эффекта открытия / закрытия страницы из центра?(как Ipad)

Question

Я проектирую сайт на основе Wordpress для клиента, и мне было интересно, можно ли загружать страницы, а затем открывать / закрывать их из центра, как iPad?

Сайт будет выглядеть как iPad с иконками внутри, которые ведут на другие страницы WordPress. Возможен ли этот эффект?

Спасибо

Answer 1

Я бы определенно посоветовал использовать переходы CSS, иначе это будет невероятно медленно.
Просто включите немного CSS и переключите класс.

.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);
}

Пример: http://jsfiddle.net/z4bP7/

Answer 2

Попробуйте это: http://flowplayer.org/tools/demos/overlay/apple.html