CSS 背景幕过滤器太慢

Question

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

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

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

Answer 1

是的，我遇到了同样的问题，我想由于滞后的 ui 而使用背景模糊属性不是一个好习惯。只需使用具有模糊效果(应该是透明的(的 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;