CSS 背景过滤器太慢

Question

有没有办法在生产中实际使用这个过滤器？

因为它太慢了，而且我有一台新电脑。此过滤器使 CPU 尖峰并使其他动画的渲染不流畅

我正在使用它来创建带有模态窗口的模糊背景效果

Answer 1

是的，我面临着同样的问题，我想由于用户界面滞后，使用背景模糊属性不是一个好习惯。只需使用带有模糊效果的 png 图像（应该是透明的）即可解决此问题。这是我想出的唯一最好的解决方案。

background-image: url('your blur transparent image here'),linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2));
background-size: cover;