html鼠标放在图片上时，图片匀速变大和无限旋转

要实现这个效果，你可以使用CSS3的transform属性和transition属性。具体步骤如下：

1. 首先在HTML中添加一张图片。

<img src="your-image-url" alt="your-image">

2. 在CSS中设置该图片的样式，包括初始大小、位置和旋转角度等。

img {
  width: 200px;  /* 初始宽度 */
  height: 200px; /* 初始高度 */
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg); /* 初始旋转角度为0度 */
}

3. 接下来，当鼠标悬停在图片上时，我们要让它变大和旋转。使用:hover伪类，并设置transform属性和transition属性。

img:hover {
  transform: translate(-50%, -50%) rotate(360deg) scale(1.2); /* 放大并旋转 */
  transition: all 1s linear; /* 匀速变化，时长1秒 */
}

这样，当鼠标悬停在图片上时，图片就会匀速变大并无限旋转了。