filter:blur只针对背景是图片的有效，背景是颜色的无效吗？

Question

background: url(img/jay.jpg);
    filter: blur(5px); 

有效

background: red;
filter: blur(5px);

这样背景是白色，无效。

需要纯色的模糊背景要怎么设置？

Answer 1

blur() 函数将高斯模糊应用于输入图像。radius 定义了高斯函数的标准偏差值，或者屏幕上有多少像素相互融合，因此，较大的值将产生更多的模糊。若没有设置值，默认为0。该参数可以指定为 CSS 长度，但不接受百分比值。

纯色内部都是一样的颜色，自然融合起来看不到效果

只有边缘会有效果

Answer 2

https://jsbin.com/jixofoxusu/...,output
可以啊