css实现鼠标经过图片变模糊

CSS实现鼠标经过图片变模糊是一种简单而实用的效果，在网页设计中经常会用到。下面我们来看看如何实现：

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

以上代码即可使用CSS让图片在鼠标经过时变得模糊。其中，blur(5px)表示将图片的模糊度设置为5像素。这种效果可以用来在鼠标经过时让图片变得更加柔和、亲和，从而提升用户体验。

值得注意的是，这种效果使用的是CSS3的滤镜属性，因此在一些老旧的浏览器中可能无法正常使用。同时，使用滤镜属性会增加浏览器的渲染负担，如果需要使用大量的这种效果，可能会影响网页的性能。

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