CSS 可以应用滤镜来调整图片的显示效果,其中之一便是模糊效果。使用 filter 属性可以实现。以下是示例代码:
img { filter: blur(5px); /* 数字代表模糊程度 */ }
上面的代码将会使所有 img 标签中的图片模糊显示。你可以根据自己的需要,调整模糊程度。
如果你只想针对某个特定的图片应用模糊效果,可以给该图片添加 class 名称,并在 CSS 中进行设置。下面是示例代码:
.blur { filter: blur(8px); }
上面的代码将会使 class 为 blur 的图片模糊显示,模糊程度为 8px。
要注意的是,使用滤镜效果会对网页的性能产生一定的影响,因为浏览器需要对图片进行处理。而且,一些老旧的浏览器不支持 filter 属性。