[分享]css3图片模糊怎么调

CSS3 图片模糊是一种很酷的效果，它可以让图片看上去更加柔和和自然。下面我们来看看如何调整这个效果。

img {
  -webkit-filter: blur(5px);
  filter: blur(5px);
} 

以上是实现图片模糊效果的代码，其中“blur”是模糊滤镜的关键字，数字“5px”是模糊半径的值。你可以根据自己的需求调整这个值，使图片的模糊程度变化。

img {
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
} 

除了模糊之外，还有一种滤镜是灰度，它可以将图片的颜色变成黑白灰调。同样，你可以通过修改“50%”这个参数值来调整灰度程度。

总结一下，CSS3 图片模糊效果的调整非常简单，只需使用“blur”或“grayscale”这些滤镜，并适当修改参数值就可以了。这个效果可以为你的网站或者应用增加一些艺术气息，让用户更加喜欢和留恋。