html中图片无规则移动代码

在HTML中，我们可以使用CSS来实现图片的无规则移动效果。下面是一段代码示例：

/* CSS代码 */
img:hover {
  position: relative;
  animation-name: move;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes move {
  from {left: 0;}
  to {left: 50px;}
}

上述代码中，我们使用了CSS动画（animation）的相关属性来实现图片的无规则移动。代码中涉及到的属性主要有：

• animation-name：动画的名称，这里我们使用了名为“move”的动画。
• animation-duration：动画完成的时间长度，这里我们设置为1秒。
• animation-iteration-count：动画循环播放的次数，这里我们设置为无限循环。
• animation-direction：动画播放的方向，这里我们设置为交替播放，即从左往右移动，然后从右往左移动。
• @keyframes：关键帧，用于定义动画的具体效果，这里我们定义了从左往右移动的初始状态（from）和最终状态（to）。

通过上述CSS代码，当鼠标悬停在图片上时，图片就会不断地沿着水平方向移动，从而实现无规则移动的效果。