html鼠标悬停图片变换特效

可以通过CSS来实现鼠标悬停图片变换特效，具体步骤如下：

1. 在HTML中，使用`<img>`标签引入需要显示的图片，并设置一个`class`属性，用于后面的CSS样式选择器。

<img src="image.jpg" class="hover-effect">

2. 在CSS中，选择需要添加鼠标悬停特效的图片，并设置`hover`伪类。

.hover-effect:hover {
  /* 在这里设置图片的样式，例如更换图片 */
}

3. 在`hover`伪类中，可以通过`background-image`属性来更换图片。

.hover-effect:hover {
  background-image: url("hover-image.jpg");
}

这样，当鼠标悬停在图片上时，图片就会显示出特效。