5

CSS3トランジションと3D変換を使用して構築されたアップルのようなカバーフロー要素があります。

http://jsfiddle.net/7eDkb/1/(ボックスシャドウ付きの遷移)

Chromeではスムーズに動作しますが、Firefoxでは、アニメーション化されているときにカバーが表示と非表示の間でちらつきます。

削除プロセスの後、アイテムから「box-shadow」cssプロパティを削除すると、Firefoxでスムーズに移行できることがわかりました。

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

私はこれをFirefoxv15とchromev21でテストしました。

Firefoxでちらつくことなく、要素に3Dトランジションとボックスシャドウの両方を設定するための解決策はありますか?

編集:フィドルで、灰色の画像をクリックしてちらつきを確認します

4

1 に答える 1

3

まだ誰もこの質問に答えていないのには十分な理由があります。これはFirefoxのバグです。

これをbugzillaに送信しましたが、バグとして確認されました。

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

@Kyleがコメントで述べたように、現在の最善の解決策は、Firefoxの場合にボックスシャドウの代わりにエレガントでない代替手段を使用することです。

于 2012-09-12T06:28:00.687 に答える