css动画循环来回运动

CSS动画循环来回运动可以通过使用关键帧动画（@keyframes）和animation属性来实现。下面是一个示例代码：

/* 定义关键帧动画 */
@keyframes move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(200px);
  }
  100% {
    transform: translateX(0);
  }
}

/* 应用动画 */
.element {
  animation: move 2s infinite;
}

上述代码中，我们定义了一个名为"move"的关键帧动画，其中包含了三个关键帧（0%、50%和100%）。在每个关键帧中，我们使用transform属性来改变元素的位置。在这个例子中，元素会从初始位置向右移动200像素，然后再回到初始位置。

接着，我们将这个动画应用到一个名为"element"的元素上，通过animation属性指定动画名称（move）、持续时间（2秒）和循环次数（infinite，表示无限循环）。