Javascript 如何在登录页图形上添加鼠标悬停图像

我必须马上道歉，因为我不知道如何正确表达我的问题。希望我的观点能在这个描述中被理解

我在一个我正在使用的网站上有一个完整的页面登录图。 我想学习的是，当你将鼠标移到图形上时，改变图形的一部分

HTML

多谢各位

图-我想改变鼠标上的每个六边形

---

所以我想SVG动画也许可以解决这个问题。但我不确定。我想在每个彩色六边形上添加一个鼠标

只需添加一个

：悬停
伪选择器：

#full-landing:hover {
  background-image: url('../images/different-image.svg');
}

我想学习做的是改变图形的一部分
当你把鼠标移到它上面的时候

虽然这更像是一个与图形相关的解决方案，而不是代码，但您可以复制原始图像，根据自己的喜好稍加修改，然后在
：hover
伪选择器中使用它。如果没有，定位/覆盖这两个可能会带来更多的麻烦。当然，这一切都没有看到你的形象。我可能错了。
谢谢你的回答！如果我添加了一个伪选择器，这不会改变整个登录页图像吗？我想定位图像的特定部分，并在鼠标悬停时将该图像转换为不同的图像。我的解决方案的第二部分对您上面的问题有用吗？是的！这是一个很好的主意，我认为我可以用我的技能水平做到这一点。现在我想清楚了，这完全行得通。我将尝试将图像包括在内，以便于可视化。再次感谢你的回答，卡尔。没问题。如果它解决了您的问题，请不要忘记将其标记为正确。只是一个提示，对该图像使用内嵌svg会更好。明白了，谢谢。
#full-landing{
background: url('../images/Asset 64.svg');
height: 100vh;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
}

#full-landing:hover {
  background-image: url('../images/different-image.svg');
}