html - 优化阴影渲染

Question

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

无论何时，我都会申请

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

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

我使用 transform() 绘制 div 阴影。

根据我的测试，与 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;