html 移动动画

要在 HTML 中添加移动动画，可以使用 CSS3 的动画属性。以下是一个简单的示例，演示如何使用 CSS3 创建一个移动的动画效果：

HTML 代码：

<div class="box"></div>

CSS 代码：

.box {
  width: 50px;
  height: 50px;
  background-color: red;
  position: relative;
  animation: move 2s ease-in-out infinite;
}

@keyframes move {
  0% {
    left: 0;
  }
  50% {
    left: 50%;
  }
  100% {
    left: 0;
  }
}

在上面的代码中，我们创建了一个名为 "box" 的 div 元素，并设置其宽度和高度。我们还将其位置设置为相对定位，并为其添加了一个名为 "move" 的动画，该动画将在 2 秒钟内以缓入缓出的方式无限循环。

接下来，我们在 CSS 代码中定义了一个名为 "move" 的关键帧动画，该动画将在 0%、50% 和 100% 处分别设置元素的 left 属性。这样，元素将从左侧移动到中间，然后再次移动回左侧，以创建一个看起来像是来回移动的动画效果。

你可以根据自己的需要修改这些代码，创建任何你想要的移动动画效果。