如何從中心完成頁面打開/關閉效果？（如ipad）

我爲客戶設計了一個基於Wordpress的網站，並想知道是否可以加載頁面，然後像iPad一樣從中心打開/關閉？如何從中心完成頁面打開/關閉效果？（如ipad）

該網站將基本上看起來像一個帶有圖標的iPad，導致其他wordpress頁面。這種效果可能嗎？

感謝

2011-07-11 js111

這是一個網站的設計問題，對不對？（不是真正與iOS相關的，其他那些就是你想要模仿的東西），我認爲你指的是「跳板」效果，它只是一個靜態圖像的動畫，當應用程序的其他部分被加載時，它是一個全屏動畫。 – bshirley

我肯定會建議使用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/

來源

2011-07-12 03:14:50 William

試試這個：http://flowplayer.org/tools/demos/overlay/apple.html

來源

2011-07-11 22:12:58 Michael

jQuery工具過時（jQuery 1.4.2），充滿bug（IE 9），使用jQuery很差（需要很多手動標記），並且不被其作者或社區支持。這一切都在旁邊，因爲OP沒有詢問Overlay。 – Sparky

如何從中心完成頁面打開/關閉效果？ （如ipad）

回答

相關問題

如何從中心完成頁面打開/關閉效果？（如ipad）