CSS能够极大的提高网页的交互性，其中图片鼠标经过移动效果是其功能之一。通过CSS设置，我们可以让图片在鼠标经过移动时，出现动画效果，从而提高页面的互动体验性。下面我们就来看看CSS实现图片鼠标经过移动的相关属性和代码。

/* 代码1：设置图片在鼠标经过移动时的动画效果 */
img:hover {
transform: scale(1.1); /* 放大图片1.1倍 */
transition: all .2s ease-in-out; /* 过渡时间为0.2秒，缓动函数为ease-in-out */
}
/* 代码2：使图片在鼠标经过移动时出现阴影 */
img:hover {
box-shadow: 1px 1px 5px #B4B4B4; /* 1像素的模糊，颜色为#B4B4B4 */
}

在代码1中，我们通过:hover伪类来设置图片在鼠标经过移动时，进行缩放transform: scale(1.1)，过渡时间为0.2秒transition: all .2s，缓动函数为ease-in-out。这样，当用户把鼠标移动到图片上时，图片就会有一个缓动的放大效果。

而在代码2中，我们通过:hover伪类，使用box-shadow函数来让图片在鼠标经过移动时出现阴影效果。1像素的模糊，颜色为#B4B4B4，这样，人们在鼠标移动到图片上时，就会形成一种交互有趣的感觉。

除此之外，还有其他的鼠标经过移动效果，如图片旋转、渐变等等，都可以通过CSS进行设置。总之，通过CSS设置图片鼠标经过移动效果，可以增加网页的交互性，从而提高用户的体验感受。