このページの灰色のボックスを参照してください：http：//goo.gl/fL973
ホバーすると、裏返して反対側を表示することになります。Chromeでも動作しますが、何らかの理由でアニメーション中にちらつきが多く発生します。ルールをいじったり、ボックスの周りにコンテナを追加したりしてみましたが、成功しませんでした。
とりわけ、この質問を読みました。ChromeでrotateY（フリップ）css3アニメーションがちらつくのはなぜですか？
問題は、要素backface-visibility: hidden;が背景を持つことができないということのようです。したがって、回避策として、内部に要素を入れ.frontて.back、その要素に背景を与えることができると思いました。それはうまくいきませんでしたが、まだちらつきました。
それ以外に、なぜそれがChrome/webkitでのみ機能するのかわかりません。私はすべてに必要なプレフィックスを持っているので、それは機能するはずですよね？
助言がありますか？