html当鼠标放置在图片上时，图片逐渐变大，即图片的width和height 值逐渐变大，但是 其left值与top 值没有改变。

要实现鼠标悬停在图片上时图片逐渐变大的效果，可以通过CSS中的:hover伪类和transform属性来实现。transform属性提供了scale()方法，可以用来对元素进行缩放。当鼠标悬停在图片上时，可以通过改变scale()的值来使图片放大，同时使用transform-origin属性来指定缩放的原点，确保图片是从中心点开始放大的，这样图片的left值与top值就不会改变。下面是一个简单的CSS实现示例：

img {
  transition: transform 0.3s ease;
}

img:hover {
  transform: scale(1.2); /* 放大图片到原来的1.2倍 */
  transform-origin: center center; /* 缩放中心点设置为图片中心 */
}

在HTML中，只需要一个简单的<img>标签来应用上述样式：

<img src="path_to_image.jpg" alt="描述">

这样当鼠标悬停在图片上时，图片会以图片中心为原点，逐渐变大到原来的1.2倍。