html - 优化阴影渲染

Question

您对如何提高阴影渲染性能有任何想法吗？

每当我申请

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

浏览器资源使用量急剧增加。

我绘制 div 阴影与transform().

根据我的测试，与 Firefox 和 Safari 相比，Chrome 的性能最快。对于 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;