blur() - CSS（层叠样式表） 编辑

blur() CSS 方法将高斯模糊应用于输出图片. 结果为 <filter-function>.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

语法

blur(radius)

值

radius

模糊的半径，值为<length>。 它定义了高斯函数的标准偏差值，即屏幕上有多少像素相互融合; 因此，较大的值会产生更多模糊。 值为0会使输入保持不变。 该值为空则为0。

示例

blur(0)        /* No effect */
blur(8px)      /* Blur with 8px radius */
blur(1.17rem)  /* Blur with 1.17rem radius */

参见

• <filter-function>
• brightness()
• contrast()
• drop-shadow()
• grayscale()
• hue-rotate()​​​​​​​
• invert()
• opacity()
• saturate()
• sepia()