Cordova如何翻转整个屏幕正面到背面的3D效果

Posted 2023-03-15

【中文标题】Cordova如何翻转整个屏幕正面到背面的3D效果

【英文标题】：Cordova how to flip the whole screen front side to back 3D effect

【发布时间】：2014-07-03 16:30:00

【问题描述】：

我看到一个应用，当你点击一个按钮时，它会将整个屏幕正面翻转，这是 iPhone 上的 3D 效果（希望我的表达对你有意义）。

那家伙告诉我他只在 Cordova 中使用 WebView。

对不起，我没有截图给你看效果。

因此，如果有人能指出正确的方向，使用哪个库来创建这种效果，我将不胜感激。

谢谢。

【问题讨论】：

davidwalsh.name/css-flip

我对你在问什么感到困惑。您是在寻找应用程序，还是尝试获取代码来实现效果？

Jquery mobile 可以做到这一点，还有更多 --- demos.jquerymobile.com/1.1.0/docs/pages/page-transitions.html

@sdsanders 嗨，我试过你的，它适用于所有 3 种浏览器，Chrome、IE10 和 Firefox。但是在哪里下载你的库？

嗨 @sdsanders 你的似乎是现在最好的，你能把它作为答案发布吗？

【参考方案1】：

您可以非常快速地使用 jQuery Mobile。这是一个示例：http://goo.gl/3GSUus

【讨论】：

你好，谢谢。我试过你的代码，它在 Chrome 中运行良好，但在 Firefox 中转换太快了。有没有办法指定过渡时间？谢谢

是的，你可以：jsfiddle.net/jtorrescr/Txj3j/1，只需更改 css 中的值