如何在Web技术上进行表单翻转（如卡片翻转效果）

Question

http://www.dailyliquordeals.net/

如何制作这样的卡片翻转效果。

注册完成后，它将翻转到另一侧，具有过滤过渡效果。

Answer 1

一种选择是使用 Flip！ JQuery插件：

• http://lab.smashup.it/flip/

它看起来非常好用且易于使用。它几乎兼容所有浏览器： Firefox，Chrome / Chromium，Opera，Safari甚至IE（6,7,8）。

---

另一种选择是 Flippy JQuery插件：

• http://blog.guilhemmarty.com/flippy/

它也很好而且相当灵活。但是它使用canvas来产生效果，并且与IE 6-8不兼容。您应该使用额外的excanvas.js脚本使其在IE中运行。

Answer 2

此站点使用jQuery Mobile转换效果。

你可以在这里看到它们，包括翻盖：

http://jquerymobile.com/test/docs/pages/page-transitions.html

http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-transitions.html

jQuery Flip很不错，但实际上只是翻转背景而不是其中的所有内容。

您还可以看到jQTouch：http://www.jqtouch.com/