css如何实现图片变模糊

CSS可以通过一些操作来实现图片变模糊效果，让图片看上去柔和一些，更具有艺术效果。

.blur-img {
      filter: blur(5px);
 /* 模糊程度，数值越大越模糊 */}

上面的代码中，我们使用了CSS3的滤镜属性“filter”，其中的“blur”是模糊滤镜，后面的数值就是模糊的程度。可以根据自己的需要来调整模糊程度。

如果想要鼠标悬停时图片才变模糊，可以使用:hover伪类。

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

当鼠标悬停在.blur-img类的元素上时，图片就会变得模糊。也可以设置其他的图片属性，如透明度、对比度等等。这样就可以轻松实现图片的特效，让页面看起来更加漂亮。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！