私は、CSS3トランジションと3Dトランスフォームを使用して作成されたカバーフロー要素のようなリンゴを持っています。CSS3 3Dファイアーフォックスでも、ボックスシャドウを使用しているときにトランジションがぼやけます。
http://jsfiddle.net/7eDkb/1/(ボックスシャドウを有する遷移)
ワークスクロムに滑らかが、Firefoxの上に、カバーは、それらがアニメーション化されているときに可視および不可視である間点滅されます。
削除プロセスの後、項目から「ボックスシャドウ」CSSプロパティを削除すると、Firefoxでのスムーズな移行が行われることがわかりました。
http://jsfiddle.net/7eDkb/2/(ボックスシャドウなしの移行)
私はFirefoxのV15とV21クロームでこれをテストしています。
要素上に3d遷移とボックスシャドウの両方を持つ解決策はありますか?それはFirefox上で点滅しませんか?
EDIT:フィドルで、
Firefoxの画像のみで影を置き換えることができます。これにはいくつかのjavascriptが必要なので、今や最良の解決策になるかもしれません。 Firefoxのレンダリングエンジンは実際にはまだないと思う。 Chromeへの小道具:D – Kyle