如何在iOS上爲HTML 5橫幅提供過渡動畫？

我正在實施一個應用程序演示，在提示（它回調到服務器的位置）後，在屏幕頂部顯示HTML5橫幅。但是，我無法弄清楚如何爲HTML5橫幅設置動畫效果，使其從頂部垂直轉移到屏幕上。如何在iOS上爲HTML 5橫幅提供過渡動畫？

我在說的轉換動畫的類型在這裏http://www.youtube.com/watch?v=xCkg3llsxZI&t=0m8s - 雖然我需要的動畫是一個簡單的垂直轉換，沒有原生iOS推送通知所具有的3D效果。

感謝您的幫助！

2013-01-06 iOShelp

使用CSS3轉換/轉換。這比使用JavaScript或jQuery等JS庫更快更好。 see here

如果您想要更詳細的動畫，請使用CSS3動畫。 see here

最重要的是，爲了確保CSS3的全面跨平臺支持，請安裝Modernizr並運行一些墊片。 see here

編輯：如果要觸發與iOS觸摸gestures functions上述CSS3，然後定義這些樣式的功能inside。

2013-01-06 18:31:24 Jim22150

感謝您的詳細幫助，真心感謝！我跟着你提供的鏈接，CSS3當然看起來是實現動畫的最佳方式，但我似乎無法找到任何有關垂直轉換的例子（它們看起來都是水平的！） - 還有其他資源嗎？你知道嗎？一個垂直下拉過渡的簡短谷歌沒有透露... – iOShelp

認爲我找到了我期待的過渡 - 這應該在iOS的工作？ http://jsfiddle.net/R8zca/4/ – iOShelp

尋找邁克爾巴勒莫的視頻/文章，他是一位着名的CSS3專家，在網上有很多教程/演示，討論新的CSS3語法和效果。新的iOS確實對HTML5/CSS3友好。您可能需要在每個樣式定義的開頭爲早期的iOS版本添加供應商特定的前綴（-iOS）。 – Jim22150

回答