jQueryを使用してCSS3アニメーションで作成されたアニメーション/エフェクトを複製/シミュレートしようとしています。
Modernizr / Yep-Nopeを使用してCSS3アニメーションがサポートされていない場合は、フォールバックとしてjQueryバージョンを使用する予定です。
CSS3アニメーションの実行例を次に示します。https ://dl.dropbox.com/u/270523/help/fold.html
それを説明する最良の方法は、奇数クリックでのフリップインと偶数クリックでのフリップアウトです。
クリックとは、トリガー、#triggerのクリックを意味し、奇数クリックはクリック1、3、5などであり、偶数クリックは2回目、4回目、6回目などのクリックです。
現在、CSSアニメーションをクラスに適用し、トリガーをクリックするだけでクラスを切り替えることができるので、フリップインアニメーションをあるクラスに適用し、フリップアウトアニメーションを別のクラスに適用できれば、その環境で完全に機能します。設定しました。
これを行うためのすべての助けをいただければ幸いです。この複雑なアニメーションの作成方法がわかりません。必ずしも複雑である必要はありません。誰かを怖がらせたくありませんでした。これは3次元変換です。基本的に、これは私の考えではスライドやフェードよりも複雑です。