html - 鼠标悬停时放大图像

Question

我想在我的帮助文件中将光标放在图像上时放大图像。我应该怎么做才能在我的 html 页面中实现它？它与CSS代码或JQuery有关吗

我该怎么做？

Answer 1

如果您的客户使用现代浏览器，我更喜欢使用 CSS3 转换。你可以这样做：

.img-zoom{
...
}

.img-zoom:hover{
transform:scale(1.5);
}

您还可以添加过渡以获得更好的体验：

.img-zoom{
transition: transform 0.2s ease-in-out;
...
}

当然，您必须添加对其他浏览器的支持。

Answer 2

您可以使用 DynamicDrive 网站上的 Power Zoomer。工作一种享受。