CSS控制文字移動的方法

在CSS中，我們可以使用animation屬性來創(chuàng)建動畫，其中包括文字從左向右的移動，下面是一個簡單的例子：

HTML代碼：

<div class="moving-text">這是一段移動的文本</div>

CSS代碼：

.moving-text {
  position: absolute;
  left: 0;
  right: 0;
  text-align: left;
  animation: moveRight 5s linear;
}
@keyframes moveRight {
  0% { left: 0; }
  100% { right: 0; }
}

在這個例子中，我們定義了一個名為moveRight的動畫，它會在5秒內將文本從左側移動到右側。@keyframes規(guī)則用于定義動畫的關鍵幀，其中0%表示動畫開始時文本的位置，100%表示動畫結束時文本的位置，通過animation屬性，我們將這個動畫應用到.moving-text元素上，實現(xiàn)文字從左向右的移動效果。