Box-shadow的第三个值会大幅降低页面呈现效果

Question

在Chrome或Firefox中使用box-shadow属性时，如果第三个输入的数字很大，它几乎会冻结Chrome中的浏览器，并且会降低Firefox的速度。这是一个错误？

-moz-box-shadow：0 0 400px＃446b6b; -webkit-box-shadow：0px 0px 400px＃446b6b;

Answer 1

呀，它是：https://bugs.webkit.org/show_bug.cgi?id=22102

我相信它已经修补和应该不久就会公布:-)

解决方法包括：更少的阴影或使用PNG的影子..

问题是他们没有缓存的影子，所以它正在重绘，只要你滚动..