デスクトップブラウザのフリップトランジション

Question

フリップトランジションを特色とするjQueryモバイルの紹介ビデオを見たことがあります。

私はそれが本当にきれいだとわかります。 jQueryモバイルライブラリを使用することなく、デスクトップブラウザのフリップエフェクトを再現するのは簡単ですか？それはコードのいくつかの行の問題ですか？

[注：私はjQueryのUIを使用して完全に大丈夫だよ]

Answer 1

あなたはフリップ効果をアニメーション化するCSS3トランジションを使用することができます。コードを取得できるデモは、http://css3.bradshawenterprises.com/flip/です。

複数のブラウザ（-moz-、-o-、-webkit-）をサポートするには、transformとtransitionのベンダープレフィックスが必要になることに注意してください。私は一般にModernizrで使用するベンダープレフィックスを検出します。

caniuse.comからサポートされているブラウザのリストは次のとおりです。http://caniuse.com/#search=transition