2011-07-18 20 views
5

私は答えがいいえだと思いますが、誰かが私には分からないことを知っているかもしれません。ボックスシャドーのパフォーマンスを向上させる

ソートボタン付きの画像ギャラリーがあります。クリックすると、Isotopeを使ってアニメーションスタイルでギャラリーがソートされました。それぞれの画像はその周りに素敵なbox-shadowを持っていますが、シャドウを常にレンダリングしなければならないため、アニメーションは鈍くぎこちません。

私の質問はこれです:ぼかしの半径などを変更せずにボックスの影をスピードアップする方法はありますか?

+0

1つのブラウザでは遅いのですか、それともすべてのブラウザで同じように遅いですか? – thirtydot

+0

オペラで最悪です〜10-15FPS(非常に遅い)のように見えますが、その後Firefoxはわずかな俊敏さしかありません。 Chromeは完全かつスムーズにレンダリングします。 – Bojangles

答えて

2

私はそれをスピードアップする方法がないと思う。

アニメーションの実行中にbox-shadowをトグルすることを検討しましたか?

box-shadowは、透明度がrgbaの色を使用していますか? の場合は、透明性がなくても速くなるでしょう。

+0

これは単に標準の '#aabbcc'カラーコードを使用しています。私はアニメーション化するときにシャドーをオフにすることができましたが、Chromeではないブラウザではシャドーを外にして、アニメーションが最も速いので見ています。 – Bojangles