鼠标悬停在HTML函数中弹出或放大图片

Question

我是一个oracle人，我正在努力编写HTML函数，我非常感谢你的帮助。 我想要实现的是我有一张4张图片或一张带有4个部分的图片，一旦鼠标悬停在每个部分上，它就需要弹出或放大。 最终我想要一旦鼠标悬停任何部分弹出， 仅供参考我可以将部分保存为图片。所以原始图片将分为4个部分。 请分享代码，或者如果您有任何信息，请告诉我们，我们非常感谢您的帮助

提前致谢

Answer 1

实现弹出效果的最简单方法是将鼠标悬停在元素上时应用CSS 2D缩放变换。有这样的效果：

＆＃13;

＆＃13;

.part {
  background-color: #ddf;
  padding: 30px;
  margin: 10px;  
  border: 1px solid #333;
}
.part:hover {
  transform: scale(1.02);
}

＆＃13;

<div class='part'>Part 1</div>
<div class='part'>Part 2</div>
<div class='part'>Part 3</div>
<div class='part'>Part 4</div>

＆＃13;

＆＃13;

＆＃13;