js鼠标悬停图片放大
时间: 2023-10-20 08:35:08 浏览: 119
鼠标悬停,图片放大
您好!要实现鼠标悬停图片放大效果,您可以使用以下的 JavaScript 和 CSS 代码:
HTML 代码:
```html
<div class="image-container">
<img src="your-image.jpg" alt="Image" class="image-hover">
</div>
```
CSS 代码:
```css
.image-container {
position: relative;
}
.image-hover {
transition: transform 0.2s ease;
}
.image-hover:hover {
transform: scale(1.2);
}
```
上面的代码将创建一个包含图片的容器,并在鼠标悬停时对图片进行放大。您可以将 `your-image.jpg` 替换为您自己的图片路径。
希望能对您有所帮助!如有任何疑问,请随时问我。
阅读全文