html - 图像中的悬停效果

Question

我附上下面的图片..任何人都知道如何在这种类型的图片中通过 css 提供悬停效果

<a href="#top"><img class="popup1 img-1" src="assets/images/img-1.png" />

                </a>

image

hover like this

Answer 1

如果您有两张图片，为什么不在悬停时替换。不知道这是否是您最初的意思。

.my-class:hover {
   background-image: url('assets/images/img-2.png');
}

当您将鼠标悬停在此处时，会将想象替换为您想要的。