内容模糊

Web原生支持

在 Web 上叫blur

也叫 blur() · filter

CSS: filter: blur()

官方定义是「对输入图像应用高斯模糊」。半径参数的含义写得很明确：它「定义高斯函数的标准差，也就是屏幕上有多少像素相互混合」。注意它作用于元素自身内容；要模糊元素背后的东西是另一个属性。

把元素自己的内容画成模糊的，让它退到视觉后面或遮住细节。

示例

Webfilter原生支持点选数值，样本实时变化

filter: blur(0);

iOS原生支持

blur同名

官方描述是「对这个视图应用高斯模糊」。

Android原生支持

blur同名

官方描述是「把内容按指定半径画成模糊」，并紧接着写明版本限制：「此效果仅在 Android 12 及以上支持。

内容模糊让内容变得看不清，不透明度让内容变得看得见但淡。