1

我希望使用 jQuery Mobile 来完成类似的事情（理想情况下，不需要额外的插件）：http ://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php

我可以使用 pages 和“data-rel=dialog”使其仅与一个元素一起工作。但是如果有多个项目，它就会变得相当复杂。

我想知道是否有一种方法可以在不使用 data-role=page 属性的情况下调用“翻转”转换。换句话说，只需翻转任何普通的 div。

这样的事情可能吗？

4

2 回答 2

1

因此，您只需要一个页面上的元素，您可以像翻转墙上的单个徽标一样翻转？你绝对可以做到。那些（假设在这里，因为我没有详细看过它）是 CSS 动画。但并非所有浏览器都支持它们（主要只是基于 webkit 的浏览器，但那是您的主要移动设备、Mac 和发烧友 PC 人群）。

查看来自 The Art of Web 的这篇文章：

http://www.the-art-of-web.com/css/3d-transforms/

这应该让你走上你想去的地方。

于 2011-08-31T19:06:35.920 回答
0

要将翻转动画添加到元素，只需将翻转类添加到它。您可以将任何效果应用于任何元素，查看 css 文件以获得更多效果。

$(element).addClass("flip"); // to flip it
$(element).removeClass("flip"); // after the animation is complete
于 2013-10-26T05:21:22.213 回答