javascript - 如何实现页面从中心打开/关闭的效果？ (如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/