一根滑杆控制全部三个演示里的 σ。往右拖,看钟形曲线变宽、硬边信号被抹平、色块化成渐变——它们是同一件事。
对某个像素做模糊时,它的每个邻居按这条钟形曲线分到一份权重——正下方最大,越远越小。σ 决定钟的宽度,也就是"听多远的邻居的话"。
上面是原始色条(颜色取自你那张 app 截图的色块),下面是每个位置按高斯权重"平均邻居"之后的结果。在色条上移动鼠标,可以看到那口"钟"罩住了哪些邻居。
下面这块区域就是那张 app 屏的结构:背景照片 + 几个硬边色块 + 一层半透明白色盖板(backdrop-filter: blur(σ))。直接拖动色块——盖板会实时把它们翻译成流动的渐变。