javascript - Web テクノロジでフォーム フリップ (カード フリップ効果が好き) を作成する方法

Question

http://www.dailyliquordeals.net/

カード反転効果の作り方はこんな感じ。

サインアップが完了すると、反転遷移効果で反対側に反転します。

Answer 1

1 つのオプションは、Flip を使用することです。JQuery プラグイン:

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

かなり使いやすくて良さそうです。ほぼすべてのブラウザーと互換性があります: Firefox、Chrome/Chromium、Opera、Safari、さらには IE (6,7,8)。

---

もう 1 つのオプションは、Flippy JQuery プラグインです。

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

また、柔軟性が高く、優れています。ただしcanvas、エフェクトを作成するために使用され、IE 6-8 とは互換性がありません。IE で動作させるには、追加excanvas.jsのスクリプトを使用する必要があります。

Answer 2

このサイトは、jQueryMobileトランジション効果を使用しています。

フリップを含め、これらすべてをここで見ることができます。

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/