html - 影のレンダリングを最適化する

Question

影のレンダリング パフォーマンスを改善する方法について何かアイデアはありますか?

いつでも応募します

-webkit-box-shadow: 
-moz-box-shadow:
box-shadow:

ブラウザのリソース使用量が劇的に増加します。

で作業してdivの影を描きtransform()ます。

私のテストでは、Chrome は Firefox や Safari と比較して最速です。IE およびその他のブラウザーについては、まだテストしていません。

Answer 1

これを試して

-webkit-box-shadow: 10px 10px 5px #888 !important;
-moz-box-shadow: 10px 10px 5px #888 !important;
box-shadow: 10px 10px 5px #888 !important;