2012-09-09 4 views
5

私は、CSS3トランジションと3Dトランスフォームを使用して作成されたカバーフロー要素のようなリンゴを持っています。CSS3 3Dファイアーフォックスでも、ボックスシャドウを使用しているときにトランジションがぼやけます。

http://jsfiddle.net/7eDkb/1/(ボックスシャドウを有する遷移)

ワークスクロムに滑らかが、Firefoxの上に、カバーは、それらがアニメーション化されているときに可視および不可視である間点滅されます。

削除プロセスの後、項目から「ボックスシャドウ」CSSプロパティを削除すると、Firefoxでのスムーズな移行が行われることがわかりました。

http://jsfiddle.net/7eDkb/2/(ボックスシャドウなしの移行)

私はFirefoxのV15とV21クロームでこれをテストしています。

要素上に3d遷移とボックスシャドウの両方を持つ解決策はありますか?それはFirefox上で点滅しませんか?

EDIT:フィドルで

+2

Firefoxの画像のみで影を置き換えることができます。これにはいくつかのjavascriptが必要なので、今や最良の解決策になるかもしれません。 Firefoxのレンダリングエンジンは実際にはまだないと思う。 Chromeへの小道具:D – Kyle

答えて

3

誰もまだこの質問に答えていない正当な理由があるちらつき見にグレーの画像をクリックすると、それはFirefoxのバグです。

私はこれをbugzillaに提出しました。これはバグとして確認されました。

https://bugzilla.mozilla.org/show_bug.cgi?id=790239

@Kyleが彼のコメントで述べたように、現在の最善の解決策は、箱型影をするFirefoxの場合の非エレガントな代替手段を使用することです。

関連する問題