要使用 CSS 制作模糊效果,可以使用 filter 属性。filter 属性可以将不同的图形滤镜应用到 HTML 元素上,其中模糊效果可以通过 blur() 函数实现。
例如,如果要为一个图片添加模糊效果,可以像这样编写 CSS 代码:
img {
filter: blur(5px);
}
在这个代码块中,我们将 blur() 函数应用于 img 元素,并设置模糊半径为 5 像素。值得注意的是,模糊半径越大,图像就越模糊。
除了 blur() 函数之外,filter 属性还有许多其他有用的函数,例如 brightness()、contrast()、grayscale()、saturate() 等。通过组合这些函数,我们可以实现许多不同的视觉效果。
需要注意的是,各浏览器对 filter 属性的支持程度可能会有所不同,因此最好检查一下您使用的浏览器是否支持该属性和函数。