Html 鼠标悬停时图像的放大
当光标放在我的帮助文件中时,我想放大图像。 我应该如何在我的html页面中实现这一点? 它与CSS代码或JQuery相关吗Html 鼠标悬停时图像的放大,html,Html,当光标放在我的帮助文件中时,我想放大图像。 我应该如何在我的html页面中实现这一点? 它与CSS代码或JQuery相关吗 我应该怎么做?您可以使用DynamicDrive网站上的Power Zoomer。非常有用。如果您的客户端使用现代浏览器,我更喜欢使用CSS3转换。 您可以这样做: .img-zoom{ ... } .img-zoom:hover{ transform:scale(1.5); } 您还可以添加过渡以获得更好的体验: .img-zoom{ transition: tran
我应该怎么做?您可以使用DynamicDrive网站上的Power Zoomer。非常有用。如果您的客户端使用现代浏览器,我更喜欢使用CSS3转换。 您可以这样做:
.img-zoom{
...
}
.img-zoom:hover{
transform:scale(1.5);
}
您还可以添加过渡以获得更好的体验:
.img-zoom{
transition: transform 0.2s ease-in-out;
...
}
当然,您必须添加对其他浏览器的支持。欢迎来到SO!请看一看。你真的应该先自己尝试一下,发布一些代码,等等。现在这个问题太广泛了,无法回答(或者你只是想要一个插件?),也许你应该试试谷歌搜索:“css3图像缩放”或“jquery图像缩放”