如何在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

回答