jQuery Mobile - 对单个 dom 元素应用过渡效果
我希望使用 jQuery Mobile 完成类似的事情（理想情况下，不需要额外的插件）： http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php
我可以使用页面和“使其仅与一个元素一起使用data-rel=dialog"..但是对于多个项目来说它会变得相当复杂。
我想知道是否有一种方法可以在不使用 data-role=page 属性的情况下调用“翻转”转换。换句话说，只需翻转任何普通的 div 即可。
这样的事情可能吗？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
那么您只想在其中一个页面上添加一个可以像翻转墙上的各个徽标一样翻转的元素？你绝对可以做到。那些（假设在这里，因为我没有详细查看它）是 CSS 动画。不过，并非所有浏览器都支持它们（主要是基于 webkit 的浏览器，但这是您的主要移动、Mac 和发烧友 PC 人群）。
查看《网络艺术》中的这篇文章：
http://www. the-art-of-web.com/css/3d-transforms/
这应该会让你走上你想去的地方。
So you just want an element on one of your pages that you can flip like the individual logos on the flip wall? You absolutely can do that. Those (presuming here, since I haven't looked at it in detail) are CSS animations. They aren't supported in all browsers though (primarily just webkit-based ones, but that's your major mobile, Mac and enthusiast PC crowd).
Check out this article from The Art of Web:
http://www.the-art-of-web.com/css/3d-transforms/
That should get you on the road to where you want to be.
要将翻转动画添加到元素，只需向其添加翻转类即可。
您可以将任何效果应用于任何元素，请查看 css 文件以获取更多效果。
To add the flip animation to an element, just add the flip class to it.
You can apply any effect to any element, take a look at the css file for more effects.